11 2014 档案

多级菜单(CSS)
摘要:CSS代码:*{ margin:0; padding:0;}/*静态网页中的导航*/#nav{ background:#eee; width:600px; height:40px; margin:0 auto; /*居中*/ } /*一级菜单css的样式*/ul... 阅读全文
posted @ 2014-11-16 19:17 zengyanlove 阅读(423) 评论(0) 推荐(0)
中英文变幻菜单IE6也兼容
摘要:实现效果:当鼠标放上去时,显示英文字母.CSS代码:*{ margin:0px; padding:0px; }#menu{ margin-top:50px; margin-left:50px; font-size:12px; font-weight:bold; border-bottom:solid... 阅读全文
posted @ 2014-11-16 19:12 zengyanlove 阅读(108) 评论(0) 推荐(0)
下拉菜单(JQuery)
摘要:JQuery代码: \*在用JQurey,必须要引用JQuery库*\CSS代码:*{ margin:0; padding:0;}#nav{ background:#eee; width:600px; height:40px; margin:0 auto; /*居中*/ }ul{ li... 阅读全文
posted @ 2014-11-16 13:01 zengyanlove 阅读(166) 评论(0) 推荐(0)
下拉菜单(JavaScript)
摘要:JS代码: function showsubmenu(li){var submenu=li.getElementsByTagName("ul")[0]; /*因为不止一个ul,所以要加li*/submenu.style.display="block"; /*要细心啊,因少... 阅读全文
posted @ 2014-11-16 11:25 zengyanlove 阅读(145) 评论(0) 推荐(0)
下拉菜单(CSS)
摘要:CSS代码:*{margin:0;padding:0;}#nav{background:#eee;width:600px;height:40px;margin:0 auto; /*居中*/}ul{list-style:none;}ul li{float:left;width:90px;line-he... 阅读全文
posted @ 2014-11-09 21:24 zengyanlove 阅读(138) 评论(0) 推荐(0)
图片自换(数字)
摘要:js代码:i=0function img(){ i++ if(i==7) { i=1 } document.getElementById('photo').src="images/"+i+".jpg"; setTimeout("img()",2000) }function onClickNu... 阅读全文
posted @ 2014-11-09 20:11 zengyanlove 阅读(175) 评论(0) 推荐(0)
图片自换(图片)
摘要:js代码:i=16 /*图片要命名为数字,从17开始*/function img(){ i++ if(i==23){ i=17 } document.getElementById('photo').src="images/"+i+".jpg"; /*图片的格式要注意*/ setTimeout("... 阅读全文
posted @ 2014-11-08 16:36 zengyanlove 阅读(128) 评论(0) 推荐(0)