动态网站制作指南

[ QQ表情 ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]

网站首页 | 网站学院 | 源码下载 | 软件下载 | 字体下载 | 图片素材 | 电脑书籍 | 网页模版 | 网站欣赏 | 小游戏 | 博客联播

网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程

ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器

Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint

asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!

当前位置 > 网站建设学院 > 网页制作 > 网页特效

网页制作：Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛

文章搜索服务

邮件订阅

输入你的邮件地址，
你将不会错过任何关于：
[ 网页特效 ]的信息

本月文章推荐

.鼠标经过的字符都显示在状态栏上.
.按钮驱动背景.
.又一个容错脚本，有了它，你的ja.
.在状态栏一条条的显示信息文字.
.一个有提示的发信程序，按钮和链.
.页面转换特效.
.通过 Frame来实现页面内部导航.
.永远关不掉的跳出框.
.支持IE6 IE7 Firefox的纯CSS的下.
.Java Applet程序设计基础.
.相片选择器脚本任意选择图片.
.点击右键后弹出对话框，把你带到.
.字符在状态栏中缓慢移动.
.用普通链接打开系统的内容[网页特.
.一个不错的CSS模拟的按钮效果.
.标题栏里多段标题文字的替换显现.
.一个比较酷的CSS生成带提示的菜单.
.指定网页中部分设置的文本不能被.
.页面背景花瓣效果.
.庆佳节喜气洋洋对联网页特效代码.

鼠标放到文字链接上，文字的底色和本身色彩都会改变

发表日期：2007-12-22

|

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="developer" content="Realazy" /> <title>Bubble in JavaScript DOM</title> <style type="text/css" media="screen"> div * {display:block; margin:4px; padding:4px; border:1px solid white;} textarea {width:20em; height:2em;} </style> <script type="text/javascript"> //<![CDATA[ function init(){ var log = document.getElementsByTagName('textarea')[0]; var all = document.getElementsByTagName('div')[0].getElementsByTagName('*'); for (var i = 0, n = all.length; i < n; ++i){ all[i].onmouseover = function(e){ this.style.border = '1px solid red'; log.value = '鼠标现在进入的是： ' + this.nodeName; }; all[i].onmouseout = function(e){ this.style.border = '1px solid white'; }; } var all2 = document.getElementsByTagName('div')[1].getElementsByTagName('*'); for (var i = 0, n = all2.length; i < n; ++i){ all2[i].onmouseover = function(e){ this.style.border = '1px solid red'; if (e) //停止事件冒泡 e.stopPropagation(); else window.event.cancelBubble = true; log.value = '鼠标现在进入的是： ' + this.nodeName; }; all2[i].onmouseout = function(e){ this.style.border = '1px solid white'; }; } } window.onload = init; //]]> </script> </head> <body> <h1>Bubble in JavaScript DOM</h1> <p>DOM树的结构是：</p> <pre><code> UL - LI - A - SPAN </code></pre> <div> <ul> <li><a href="#"><span>Bubbllllllllllllllle</span></a></li> <li><a href="#"><span>Bubbllllllllllllllle</span></a></li> </ul> </div> <textarea></textarea> <p>鼠标进入UL的任何一个子元素，如果不停止冒泡，我们从UL到SPAN都定义了鼠标悬停（<code>mouseover</code>）事件，这个事件会上升了UL，从而从鼠标所进入的元素到UL元素都会有红色的边。</p> <div> <ul> <li><a href="#"><span>Bubbllllllllllllllle</span></a></li> <li><a href="#"><span>Bubbllllllllllllllle</span></a></li> </ul> </div> <p>如果停止冒泡，事件不会上升，我们就可以获取精确的鼠标进入元素。</p> </body> </html>

上一篇：用按钮实现加入收藏夹及主页人气:572
下一篇：直接在页面上的刷新按钮[网页特效] 人气:673

浏览全部网页特效的内容 Dreamweaver插件下载常用网页广告代码全集

最新网站源码	最新软件下载
2008-10-13 爬爬思特新闻管理系统 v2.0 Beta1 2008-10-13 Pligg v9.9.5 Beta 2008-10-13 广优邮件发送系统 v2.1 2008-10-13 缤纷互动视频交友 v3.1 RC 2008-10-13 MyShop网络商城 build 081005 2008-10-13 Chyrp 超轻量级开源博客引擎 v2. 2008-10-13 162100静态(论坛/文章)系统 v2.4 2008-10-13 金博人才招聘求职网黄金版 v4.2 2008-10-13 愚人笔记 v4.0	2008-10-11 联系人分组工具 v1.1 中文破解版 2008-10-11 FaceMelter变脸 v2.0 汉化破解版 2008-10-11 PathTracker道路跟踪仪 v1.2 破解 2008-10-11 Rooms手机聊天室 v0.6.7 破解版 2008-10-11 RemoteDesktop远程桌面 v1.0 破解 2008-10-11 ProRemote远程调音台 v1.0.1 破解 2008-10-11 PicShare照片共享 v1.0.0 破解版 2008-10-11 Photogene照片编辑器 v1.5 汉化破 2008-10-11 WriteRoom共享文档 v1.0 破解版

发表评论
姓　名:	验证码:
内　容:

站长工具：网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | 广告代码 | js/vbs加密 | md5加密 | 进制转换 | UTF-8 转换工具 | Html转换js | Html转换asp | Html转换php | Html转换perl
实用工具：汉字翻译拼音 | 拼音字典 | 符号对照表 | 个税计算 | 实时汇率查询换算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 | 国家代码与域名缩写 | 文字加密解密 | 健康查询 | 万年历 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索

业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅

Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名：动态网站制作指南 | 沪ICP备05001343号

ホームページ制作

不動産検索システム

求人情報

防水工事·改修工事

フットサル大会

SEO対策

中国語教室

ホームページ作成