懂 dreamweaver cs5 的大侠帮帮忙

joe1986

有大侠可以指点以下这个功能怎么做吗？ 或者叫什么名字？ 我google 一下.

连接如下.当点积红色箭头， 出现一个 sub-page 产品的描述， 再点以下， 产品描述就收回去了。
http://www.cathaypigments.com/en/tls/fe/products?m=78

万分感激拉
大学时接触点编程， 能看懂 code，想自己做个简单的网站

pAtrick

这年头还有人用dreamweaver...

joe1986

pAtrick 发表于 2013-9-11 14:21
这年头还有人用dreamweaver...

什么意思啊？ dreamweaver 现在不行了？
大学时接触点编程， 能看懂 code，想自己做个简单的网站而已

skxf

...小朋友，好好读读jquery吧，基本功能

pAtrick

joe1986 发表于 2013-9-11 14:23
什么意思啊？ dreamweaver 现在不行了？

真的想做好东西出来的话，试着手写html+css+javascript吧。

你想要的东西用jQuery的slideDown就行了

桜の栞

不過初學者用dreamweaver較好, 為什麼不用wordpress? 我只會code, 不會用dreamweaver, google一下dreamweaver sub menu就會有教程出來...

friendhappy

javascript

joe1986

pAtrick 发表于 2013-9-11 14:28
真的想做好东西出来的话，试着手写html+css+javascript吧。

你想要的东西用jQuery的slideDown就行了

３年前上学时， 老师就教的dreamweaver，手写html+css+javascript 不

pAtrick

joe1986 发表于 2013-9-11 14:34
３年前上学时， 老师就教的dreamweaver，手写html+css+javascript 不

现在学校净教些没用的东西

Scofield

网上随便搜个onclick JS，扔进去

joe1986

桜の栞 发表于 2013-9-11 14:32
不過初學者用dreamweaver較好, 為什麼不用wordpress? 我只會code, 不會用dreamweaver, google一下dreamweav ...

thank you. it's called ONCLICK. i got it

victordd

啊呀我说楼上的各位不是每个做网页的都是会写代码的啊。。。作为设计师的我虽然也写点代码但是javascript之类的是一点都学不进去。。

楼主啊，方法有很多。JQUERY好多的，你搜索下accordion然后看GOOGLE IMAGE里面找个你喜欢的STYLE点去看吧。

我随便帮你GOOGLE了2个，不过没有经过测试，也未必是最方便最好的，如果高兴你就自己再去找找，如果不高兴就抄这个吧
http://www.snyderplace.com/demos/accordion.html

这个是纯CSS的，缺点就是第二次点击后没办法关闭。
预览：
http://designmodo.com/demo/css3accordionmenu/#one
教程：
http://designmodo.com/css3-accordion-menu/

joe1986

victordd 发表于 2013-9-11 15:31
啊呀我说楼上的各位不是每个做网页的都是会写代码的啊。。。作为设计师的我虽然也写点代码但是javascript之 ...

thank you so much for your help, i sorted

NewLynnHse

哇，高人都出来了

wildwind

别用dreamweaver了, 那东西写出来的东西没法看.
就你说的功能给你贴点代码吧, 很简单的:
1. 在body的head里添加
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
2. 假定你的箭头的html是:
<img src="arrow.png" onclick="expandText()" />
文字部分是
<p id="content">Bla bla bla.......</p>
3. 在body的任何地方加以下代码:
<script>
var expandText = function() {
    var contentDOM = $("#content");
    if (contentDOM.is("visible")) {
        contentDOM.slideUp("fast");
    } else {
        contentDOM.slideDown("fast");
    }
}
</script>

John.G

这和DW有毛关系啊 JavaScript+CSS