当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 实现163邮箱的图标功能

技术文章搜索

关键字

Javascript 中的 实现163邮箱的图标功能

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 204 ::
收藏到网摘: n/a

一个不用onmouseup的拖动函数 javascript 也来玩玩图片预加载

默认状态下为小图标+单行背静颜色为白色，鼠标放上去小图片变成了选择框并且单行背景变成了灰色 ，如果此时不钩选选择框鼠标移开恢复到默认状态，如果钩选选择框，单行背景变成了黄色
支持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 全选 提示:你可先修改部分代码,再按运行]

一个不用onmouseup的拖动函数 javascript 也来玩玩图片预加载

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）