哪位高手我一下dreamweaver中怎么做下拉菜单 dreamweaver下拉菜单怎么做啊?本人菜鸟一枚,有哪位...

\u54ea\u4f4d\u9ad8\u624b\u77e5\u9053\u5728Dreamweaver\u4e2d\u5236\u4f5c\u4e0b\u62c9\u83dc\u5355\u8be6\u7ec6\u6b65\u9aa4\u554a\uff1f\u77e5\u9053\u7684\u8bf7\u544a\u8bc9\u4e0b\u554a\uff1f\u5e2e\u4e2a\u5fd9\u5566\uff01\uff01\uff01

\u4e0d\u7528\u6b65\u9aa4\u4e86\uff0c\u76f4\u63a5\u4e0a\u7f51\u627e\u4ee3\u7801\u5c31\u597d\u4e86

\u5728dreamweaver\u4e2d\u9009\u62e9 \u63d2\u5165--\u8868\u5355--\u9009\u62e9\uff08\u5217\u8868/\u83dc\u5355\uff09

在dreamweaver设计面板里面 选择一个链接(一定要是链接)再在任务栏中打开 “窗口”下拉式菜单——行为(右边多了个行为面板) 接下来保存下(要先保存 行为才能运用)在行为面板中 打开 “+”下拉列表 ——弹出式菜单——。继续——外观——在“垂直菜单”下拉列表中 选择水平就行了 

这就出了你要求类似的弹出式菜单了

具体代码不会 哈



在右侧的标签面板-行为-+号-显示弹出菜单或显示隐藏层里,但不推荐这样做,现在更流行用CSS做下拉菜单,做出来好看得多,代码也简单,但要手工编写

插入--表单--列表/菜单

然后点击属性栏里的列表值,点击“+”或者“-”号增加,或者删除数据

用dreaemweqver cs 4
做CSS做下拉菜单比较好!

其实觉得用DW做挺麻烦的,我是直接用CSS编写的,给你源代码吧。
(给了注释的,挺详细的,不懂再问哈~~)

BODY部分

<ul id="nav2">

<li><a href="">文章</a>

<ul>

<li><a href="">CSS教程</a></li>

<li><a href="">DOM教程</a></li>

<li><a href="">XML教程</a></li>

<li><a href="">FLASH教程</a></li>

</ul>

</li>

<li><a href="">交流</a>

<ul>

<li><a href="">CSS应用</a></li>

<li><a href="">XML应用</a></li>

<li><a href="">FLASHAS编程</a></li>

<li><a href="">DW网页制作</a></li>

</ul>

</li>

<li><a href="">博客</a>

<ul>

<li><a href="">全部</a></li>

<li><a href="">网页特效</a></li>

<li><a href="">高级编程</a></li>

<li><a href="">FLASH动画</a></li>

</ul>

</li>

</ul>

CSS部分

/* CSS驱动的横向下拉菜单 */
body {
behavior:url(csshover.htc);
}
ul#nav2 {
padding:0px;
margin:0px;
}
/*注意:列表<ul>不可以是列表的子结点,但可以是列表项<li>的子结点*/
ul#nav2 li {
float:left;
width:160px;
list-style:none;

}/*列表项水平浮动,使形成横向的一级菜单*/
ul#nav2 li ul { /*设置下拉菜单不可见,只有当鼠标经过使才可见*/
display:none;
margin:0;
padding:0;/*去除所以的缩进(不同浏览器对列表的内外边距默认设置不一样,在这里设置使消除不同浏览器间的不同效果)*/
}
ul#nav2 li:hover ul{
display:block;
}
ul#nav2 li li:hover {
background-color:#f4f4f4;
}/*CSS中允许将悬停样式用在所有元素中,而IE只运行应用在连接上,
但是,csshover.htc文件的唯一作用就是给IE增加了任意元素的悬停功能。*/
ul#nav2 li a{
display:block;
border:1px solid #c5c6c4;
text-decoration:none;
color:#000;
}
ul#nav2 li li a { /*对下拉菜单中的项进行修饰*/
display:block;
font-size:12px;
border:1px solid #ccc;
padding:3px;
text-decoration:none;
color:#777;
width:152px;/*使所有列表项宽度统一,160-3*2-1*2=152px*/
}
/*IE中display:block不足以使连接a的可单击区域填充整个列表项,但如果给连接设置一个明确的宽度,就可以得到想要的行为。对于其他的浏览器,只需要将width重新跳回auto让浏览器自己自己调整就可以即可。*/
ul#nav2>li li a {
width:auto;
}

  • 鎴戠殑dreamweawer鎬绘槸瀹夎澶辫触
    绛旓細鍘熷洜1锛氬畨瑁呯▼搴忔湰韬笉瀹屾暣锛堣繖绉嶅彲鑳芥ф渶澶э級銆傝В鍐冲姙娉曪細瑕侀噸涓嬭浇CS3锛涙垨鏇存崲CS3鐨勫畨瑁呯洏锛涘師鍥2锛氬弽鐥呮瘨杞欢璇潃锛岄樆姝㈠叾杩愯銆傝В鍐冲姙娉曪細瀹夎鏃舵殏鏃跺叧闂柇寮缃戠粶杩炴帴锛屽苟鍏抽棴鍙嶇梾姣掕蒋浠讹紱鍘熷洜3锛氱數鑴戞搷浣滅郴缁熸湰韬湁闂锛堝Win鐨勭増鏈湰韬笉鏀寔锛屽湪PRO涓嬭繍琛岃屽湪HOME涓嬩笉琛)銆傝В鍐冲姙娉曪細鏇存崲骞跺畨瑁呭叾浠...
  • 鍏充簬Dreamweawer 浠g爜鎻愮ず 鐨勯棶棰
    绛旓細鍐欎唬鐮佺殑鏃跺欐墍杩涜鐨勬寜閿搷浣滄槸閽堝浠g爜鍐呭鐨勭紪杈,鎵浠ワ紝浣犲湪鍐欎唬鐮佺殑鏃跺欐寜蹇嵎閿,瀹冨氨璁や负浣犳槸鍦ㄥ啓鍐呭.鏄庣櫧浜嗗悧??鎯崇敤蹇嵎閿緱绂诲紑"浠g爜缂栬緫"鐨勭幆澧
  • 姹傚姪楂樻墜:濡備綍鍒朵綔鏈夎繃娓℃晥鏋滅殑鍥剧墖灞曠ず?
    绛旓細Frontpage锛歰ffice鑷甫鐨勪竴涓伐鍏凤紝鎿嶄綔绠鍗曪紝瀹炵敤锛屽璧锋潵姣旇緝杞绘澗锛屽姛鑳戒笉鍜嬪湴锛屾垜涓嶅お鍠滄銆侱reamweaver锛氳繖鏄綉椤典笁鍓戝涔嬩竴锛屼笓闂ㄥ埗浣滅綉椤电殑宸ュ叿锛屽彲浠ヨ嚜鍔ㄥ皢缃戦〉鐢熸垚浠g爜锛屾槸鏅氱綉椤靛埗浣滆呯殑棣栭夊伐鍏凤紝鐣岄潰绠鍗曪紝瀹炵敤鍔熻兘姣旇緝寮哄ぇ銆傚缓璁垵瀛﹁呴夌敤銆傚彟澶栦竴涓伐鍏峰氨鏄唬鐮佺紪杈戝伐鍏凤紝渚嬪鍐欏瓧鏈丒ditPlus绛...
  • 璋佽兘鍛婅瘔鎴慸reamweaver8鐨勬渶鏂扮増鐨勪笅杞藉湴鍧?
    绛旓細浣犵殑dreamweaer涔熶笉閿欏晩~
  • 璋佽兘鍛婅瘔鎴戝埗浣滃姩鎬佺綉绔欓兘闇瑕佸摢浜涙妧鏈,缃戠珯鍒朵綔鍜屽彂甯冩槸鎬庢牱鐨勮繃绋...
    绛旓細銆俢utepage锛岃繖涓蒋浠跺緢濂界敤锛屾瘮杈冪畝鍗曪紝璺焒rontpage鏈夌偣鐩镐技锛屼絾鐩稿姣斾换浣曚竴涓蒋浠堕兘绠鍗曪紝浣犲彲浠ヤ笂缃戞悳绱涓涓锛屽簲璇ュ彲浠ユ壘鍒扮殑 microsoft frontpage 杩欎釜绠鍗曠偣 涓皬瀛︿篃鍙互鐢ㄣ俶acromedia dreamweawer 鐜板湪鐢ㄧ殑姣旇緝澶 銆傝繖涓蒋浠剁殑鏁欑▼涓氨鏈夌綉绔欑殑鍒朵綔鍜屽彂甯冩暀绋嬶紝缃戜笂鎼滅储灏卞彲浠ユ壘鍒帮紝鑷繁鎵惧惂銆
  • 鎶婃垜閲戝竵鍏ㄩ儴濂夊嚭!濡備綍浠庨浂閫熸垚瀛︿範鍒跺仛缃戠珯,璇峰悇浣嶅ぇ鍝ュぇ濮愭寚瀵!_鐧惧害...
    绛旓細寤鸿浣跨敤缃戦〉鍒朵綔涓夊墤瀹Dreamweawer+Firework+Flash 鎴栦娇鐢‵rontpage浣犵湅涓涓 灏 琛屼簡Dreamweaver v8.0 绠浣撴敞鍐岀増 涓嬭浇鍦板潃: http://www.14567.com/dw.html 鐢ㄧ綉椤典笁鍓戝鍚,鏁欑▼鍙弬鐓т互涓嬬綉绔: http://www.xp163.com/book/xp163.37/index.htm http://www.71358.com.cn/gdweb/97d.htm http://www.ylasp...
  • 濡備綍鍋氱綉椤???
    绛旓細鐜板湪鍑虹幇鍦ㄦ垜浠潰鍓嶇殑鏄竴涓┖鐧界殑椤甸潰銆 1銆佺粰杩欎釜缃戦潰璧蜂釜鍚嶅瓧,鎬庝箞璧?璇风湅鏂规硶: 鑿滃崟鈥斺旀枃浠垛斺斿彟瀛樹负鈥︹︹斺(閫夋嫨浣犳兂淇濆瓨鐨勬枃浠跺悕銆佺綉椤垫爣棰樸佷繚瀛樹綅缃) 瀵逛簡,浣犱竴瀹氱湅鍒板彟瀛樹负鐨勬椂鍊欐湁涓粈涔堢綉椤垫爣棰樼殑鏇存敼鎸夐挳浜嗗惂,鐐涓涓浣犲氨鍙互鏀规垚浣犲枩娆㈢殑缃戦〉鏍囬浜,渚嬪璇粹滄杩庢潵鍒版垜鐨勪富椤碘濅箣绫汇傝濂,...
  • 鐗规眰涓涓6000瀛楀乏鍙崇殑缃戦〉鍒朵綔蹇冨緱!
    绛旓細瀵逛簬缃戠珯鐨勬渶涓昏閮ㄥ垎锛岃绋嬬綉绔欓儴鍒嗭紝鎴戜滑鑰冭檻鏄妸瀹冨仛鎴愬姩缃戣繕鏄潤缃戙傚姩鎬佺綉绔欐渶涓昏鐨勯儴鍒嗘槸鏁版嵁搴撶殑璁捐锛屽綋鏃舵垜鏍规湰娌℃湁鑷繁璁捐杩囩綉绔欑殑鏁版嵁搴擄紝鎴戞病淇″績璇村彲浠涓涓瀛愯璁″嚭涓涓悎鏍肩殑鏁版嵁搴擄紝鍏舵璁捐鏁版嵁搴撳悗杩樿鍋氭枃绔犵殑鍙戝竷椤碉紝鏄剧ず椤电瓑鍚勯儴鍒嗭紝杩欎簺鍋氬嚭鏉ヨ鑺卞緢澶氱殑鏃堕棿锛屾垜瑙夊緱杩欐牱浼氬奖鍝嶅埌...
  • 鎬庢牱鍒朵綔涓涓綉绔
    绛旓細鎵浠,灏辨垜涓汉瑙傜偣鏉ヨ,棣栧厛鑺辩偣閽卞幓娉ㄥ唽涓涓煙鍚,鐙珛鐨勫煙鍚嶅氨鏄釜浜虹綉绔欑殑绗竴绗旇储瀵,瑕佹妸鍩熷悕璧峰緱褰㈣薄銆佺畝鍗曘佹槗璁般 瑕侀涓:鎺屾彙寤虹綉宸ュ叿缃戠粶鎶鏈殑鍙戝睍甯﹀姩浜嗚蒋浠朵笟鐨勫彂灞,鎵浠ョ敤浜庡埗浣淲eb椤甸潰鐨勫伐鍏疯蒋浠朵篃瓒婃潵瓒婁赴瀵屻備粠鏈鍩烘湰鐨凥TML缂栬緫鍣ㄥ埌鐜板湪闈炲父娴佽鐨凢lash浜掑姩缃戦〉鍒朵綔宸ュ叿,鍚勭鍚勬牱鐨刉eb椤甸潰鍒朵綔宸ュ叿,...
  • body 涓病鏈塷nscroll浜嬩欢
    绛旓細鏈夌殑鍟 鍥犱负浣犳祴璇曠殑閭d釜椤甸潰娌℃湁瓒呰繃涓涓睆骞曠殑闀垮害 鎵浠ユ病鏈夎Е鍙戞粴鍔ㄩ〉闈㈢殑浜嬩欢 浣犵敤杩欎釜娴嬭瘯灏辩煡閬 function aa(){ alert();} body body body body body body body body body body body body body body body
  • 扩展阅读:dreamware网页制作 ... dreamwearver水平线颜色 ... 很燃的英文歌we are the ... dreamer翻译成中文 ... adobe dreamweaver ... dreamworld翻译 ... dream视频原版 ... dream car翻译 ... dreamware是什么软件 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网