繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
实现163邮箱的图标功能
发布：dxy 字体：[
增加
减小
] 类型：转载
默认状态下为小图标+单行背静颜色为白色，鼠标放上去小图片变成了选择框并且单行背景变成了灰色 ，如果此时不钩选选择框鼠标移开恢复到默认状态，如果钩选选择框，单行背景变成了黄色
支持ie ff
点击运行可以看到效果:
<script> function a(obj){ if (obj.childNodes[0].className=="mail") { obj.innerHTML='<input class="checkbox" type="checkbox" name="parseurloff" value="1" onclick="c(this)"> '} } function b(obj){ if (obj.childNodes[0].className=="checkbox" & obj.childNodes[0].checked==false ) { obj.innerHTML='<img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif">'} } function c(obj){ obj.checked?obj.parentNode.style.background="#ddd":obj.parentNode.style.background="#fff" } </script> <div onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"><img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif"></div> <div onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"><img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif"></div>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
实现163邮箱的图标功能
百度中搜索更多的关于
实现163邮箱的图标功能
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
一个不用onmouseup的拖动函数
下一篇文章：
li隔行换色改进版
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
Javascript 写的简单进度条控件
滑动门,简洁,新手上路制作篇 (小鸽子系列
attachEvent的使用方法与传递参数[IE|fir
Javascript优化技巧（文件瘦身篇）
javascript点击才出现验证码
关联的Select，可以支持客户端动态更新
实现div可编辑的常见方法总结
脚本安需导入(装载)的三种模式的对比
javascript(js) join函数使用方法介绍
深入聊聊Array的sort方法的使用技巧.详细
最 近 更 新
LBS blog sql注射漏洞[All version]-官方
Sample script that displays all of the
use jscript List Installed Software
从javascript语言本身谈项目实战
防止网站内容被拷贝的一些方法与优缺点好
xtree.js 代码
javascript在firefox下设为首页的代码
手把手教你做超酷的条形码效果
怎样调用动态获取的自定义对象的方法
fix-ie5.js扩展在IE5下不能使用的几个方法
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句