新西兰天维网社区

标题: 懂 dreamweaver cs5 的大侠帮帮忙 [打印本页]

作者: joe1986 时间: 2013-9-11 15:18:08 标题: 懂 dreamweaver cs5 的大侠帮帮忙

本帖最后由 joe1986 于 2013-9-11 14:27 编辑

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

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

万分感激拉

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

作者: pAtrick 时间: 2013-9-11 15:21:08

这年头还有人用dreamweaver...

作者: joe1986 时间: 2013-9-11 15:23:13

本帖最后由 joe1986 于 2013-9-11 14:27 编辑

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

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

作者: skxf 时间: 2013-9-11 15:28:24

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

作者: pAtrick 时间: 2013-9-11 15:28:31

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

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

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

作者: 桜の栞 时间: 2013-9-11 15:32:10

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

作者: friendhappy 时间: 2013-9-11 15:32:40

javascript

作者: joe1986 时间: 2013-9-11 15:34:03

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

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

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

作者: pAtrick 时间: 2013-9-11 15:36:23

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

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

作者: Scofield 时间: 2013-9-11 15:37:13

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

作者: joe1986 时间: 2013-9-11 16:27:13

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

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

作者: victordd 时间: 2013-9-11 16:31:45

本帖最后由 victordd 于 2013-9-11 15:33 编辑

啊呀我说楼上的各位不是每个做网页的都是会写代码的啊。。。作为设计师的我虽然也写点代码但是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 时间: 2013-9-11 16:35:31

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

thank you so much for your help, i sorted

作者: NewLynnHse 时间: 2013-9-11 16:47:57

哇，高人都出来了

作者: wildwind 时间: 2013-9-11 16:59:32

别用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 时间: 2013-9-11 17:57:04

这和DW有毛关系啊 JavaScript+CSS

欢迎光临新西兰天维网社区 (http://bbs.skykiwi.com/)