-
动画菜单实现三种方法： （1）JavaScript的setTimeout()实现 （2）jquery实现 （3）CSS3实现查看全部
-
IE6不支持hover，解决办法： body{ behavior:url(csshover.htc); }查看全部
-
var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; if(isIE6){} IE浏览器兼容： 判断是否是ie6： window.onload=function(){ var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; if(isIE6 ){ } }查看全部
-
.top-nav li:hover ul{ display: block; } .top-nav li:hover ul li ul { display: none; } .top-nav li ul li:hover ul { display: block; } JavaScript参考代码: <script type="text/javascript"> window.onload = function () { var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; if (isIE6) { var Lis = document.getElementsByTagName("li"); for (var i = 0; i < Lis.length; i++) { Lis[i].onmouseover = function () { var u = this.getElementsByTagName("ul")[0]; if (u != undefined) { u.style.display = "block"; } } Lis[i].onmouseout = function () { var u = this.getElementsByTagName("ul")[0]; if (u != undefined) { u.style.display = "none"; } } } } } </script>查看全部
-
jquery方法实现下拉菜单： 知识点： （1）$(function(){}) （2）children()方法找子元素 （3）show()方法显示HTML元素 （4）hide()方法隐藏HTML元素 jquery库引用方法： （1）将jquery库下载到电脑上，然后引用 （2）直接引用在线服务器上的jquery库文件 例子： <li><a href="#">首页</a></li> <li class="navmenu"><a href="#">课程大厅</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">jQuery</a></li> </ul> </li> </ul> js： $(function(){ $(".navmenu").mouseover(function(){ $(this).children("ul").show(); }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) })查看全部
-
JS方法实现下拉菜单： 知识点： （1）onmouseover鼠标经过事件 （2）onmouseout鼠标离开事件 （3）使用function关键字定义函数 （4）getElementByTagName()获取标签名 例子： <ul> <li><a href="#">首页</a></li> <li onmouseover="displaySubMenu(this)" onmouseout="displaySubMenu(this)"><a href="#">课程大厅</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">Html/CSS</a></li> </ul> </li> <li><a href="#">学习中心</a></li> </ul> js: function displaySubMenu(li) { var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "block"; } function hideSubMenu(li) { var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "none"; }查看全部
-
下拉菜单 制作思路： 第一步：静态网页的制作 第二步：动态特效的实现——下拉菜单的显示和隐藏 （1）CSS方法实现 （2）Jquery方法实现 （3）JavaScript方法实现 第三步：浏览器兼容 HTML+CSS完成静态网页的制作： （1）标签<ul><li>...</li></ul>项目列表 （2）标签<a>链接 （3）float浮动 （4）display:block属性 （5）position属性规定元素的定位 css: *{ margin:0px; padding:0px;} #menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;} ul{ list-style:none;} ul li{ line-height:40px; text-align:center; position:relative; float:left; } a{ text-decoration:none; color:#000; display:block; width:90px;} a:hover{ color:#FFF; background-color:#666;} ul li ul li{ float:none;margin-top:2px; background-color:#eee; } ul li ul{width:90px; position:absolute; display:none; } ul li:hover ul{display:block;}查看全部
-
margin-top:-20px;查看全部
-
定义函数并获取： var submenu=li.getElementsByName("ul")[0];查看全部
-
编程练习。。查看全部
-
女老师查看全部
-
CSS 实现下拉菜单显示和隐藏 li:hover ul{display:block} a:display:block; 设置成块级元素。 宽度自适应：ul;li:padding:0 10px; 1】一级菜单宽度自适应：a{ display:block; padding:0 10px;} 2】IE7下a需设置宽高 3】不受父元素样式的影响，选择器：ul li ul li a{} 4】由于二级菜单li受一级菜单li样式的控制已经浮动，故需清除浮动：ul li ul li{ float:none;}查看全部
-
我只想说，有没有制作网页完整的一个视频，QQ1273088662 2014年12月19日 感觉要发烧了。还有赶紧去WC，来不及了发完走了额查看全部
-
2014-12-16(7-4)JQ控制菜单，动画效果查看全部
-
2014-12-16(7-4)JQ控制菜单，动画效果查看全部
举报
0/150
提交
取消