• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网页制作 >> CSS 学习 >> 详细内容
 

推荐文章

 
 

热点文章

  • 纯DIV/CSS对联漂浮广告代码(无JS)
  • 绝对经典:DIV+CSS菜单.比flash更逼真
  • DIV+CSS布局入门教程(六) -- 关于ID和CLASS
  • 代码优化之(一)CSS的重要性
  • CSS滤镜参考
  • 配合全国哀悼日网站变灰CSS代码
  • 入门教程:CSS基本语法及用法入门
  • 推荐一些所谓的CSS的“顶级”技巧
  • 基于 CSS 的 ASCII 艺术
  • 代码实例:纯CSS代码实现翻页
  • 修饰之美:CSS在表格边框上的美学应用
  • 学习技巧:动态引入css
 
 

相关文章

  • 大学生博客链接“黄网”险被定罪
  • 站长心情故事:伤心的鼠标 站长的血泪史
  • 为网站建设出更好高质量链接
  • 谷歌下调链接的交换网站页面排名
  • 关于链接 基础知识了解
  • 请您要远离自动产生的链接
  • 链接12种类型和获取的方法
 
 

百度搜索

 
 

ie事件绑定 鼠标放在链接上出现层

  • 阅览次数:
  • 文章来源: CP整理
  • 原文作者:
  • 整理日期: 2008-09-07
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

CODE: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> eb163.com </TITLE>
</HEAD>

<BODY>
<style>
#rec_album{ width:60px; }
#rec_album ul { margin:0; padding:0; }
#rec_album ul li {list-style-type:none; margin:0; width:60px; position: relative;  
#rec_album li a {display: block;}
#rec_album ul ul {background: #ecf3f9; border:1px solid  #b2b2b2;  width:58px;position: relative;  }
/* function */
#rec_album ul li ul li a{display:block; padding:0 0 !important;}
#rec_album ul li ul li a:hover{background:#1f3a87; color:#000;}
#rec_album ul li:hover > ul {display: block;}
#rec_album ul ul {display: none;  position: absolute; }
</style>
<span id="rec_album">
        <ul id="rec_album_menu">
                  <li><a href="http://show.xoyo.com/" target="_blank">更多>></a>
            <ul>
              <li><a href="http://show.xoyo.com/index_album.php?do=recommend&type=2" target="_blank">游戏美女</a></li>
              <li><a href="http://show.xoyo.com/index_album.php?do=recommend&type=1" target="_blank">游戏帅哥</a></li>
              <li><a href="http://show.xoyo.com/index_album.php?do=recommend&type=3" target="_blank">游戏截图</a></li>               
            </ul>
          </li>
    </ul>
fffssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
ddddd
        <script type="text/javascript">
        function buildEventsForIE() {
                //IE6 can't handle css menu. this adds mouse events for IE6.
                majVer = navigator.appVersion.charAt(navigator.appVersion.indexOf('MSIE ')+5);
                if (majVer>=6) {       
                        navRoot = document.getElementById("rec_album_menu");
                        stuff="";
                        for (i=0; i<navRoot.childNodes.length; i++) {
                                node = navRoot.childNodes[i];
                                if (node.nodeName=="LI") {
                                        node.onmouseover=function() {
                                                this.children[1].style.display = "block";
                                        }
                                        node.onmouseout=function() {
                                                this.children[1].style.display = "none";
                                        }
                                       
                                        subNode = node.childNodes[2].childNodes;
                                        for (x=0; x<subNode.length; x++) {
                                                if (subNode[x].children[1] && subNode[x].children[1].nodeName=="ul") { // find nested lists
                                                        subNode[x].onmouseover=function() {
                                                                this.children[1].style.display = "block";
                                                        }
                                                        subNode[x].onmouseout=function() {
                                                                this.children[1].style.display = "none";
                                                        }
                                                }
                                        }
                                }
                        }
                        //CSS tweaks
                        document.write("<style type='text/css'>");
                        document.write("#rec_album_menu ul ul {top: 20px !important; top:18px; margin-left: -22px;}");
                        document.write("#rec_album_menu ul ul ul {top: -1px;}");
                        document.write("</style>");
                 }                 
        }
       
        if (document.all) buildEventsForIE();
        </script>
</span>
</BODY>
</HTML>

上一篇:总结一些js自定义的函数
下一篇:没有记录
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号