代码改变世界

随笔档案-2012年04月

原创JS模拟Alert弹出框效果--自定义CSS样式

2012-04-26 11:35 by VVG, 46694 阅读, 收藏, 编辑
摘要: 由于系统默认alert弹出窗口不能自定义样式,有可能不符合网站的风格,虽然网上应该有很多这样的JS但是还是自己写的比较放心,顺便练习一下对DOM的操作支持IE6下的SELECT不能遮罩的问题,谷歌支持圆角,IE6下就比较丑了,四四方方的,不过可以自定义自己喜欢的样式听取建议后,修改了position:fixed, IE6下用hack处理了。点击看效果:点击模拟Alert弹出框点击模拟Alert弹出框点击模拟Alert弹出框所需CSS: <style type="text/css"> #alertMsg { display: none; ... 阅读全文

原创JS图片放大效果(二) — 多图点击切换,鼠标移上放大

2012-04-25 11:58 by VVG, 11469 阅读, 收藏, 编辑
摘要: 继javascript 简单的图片放大效果(一)之后,把这个效果完善了一下,支持多图轮流切换,如下:本次采用代码封装到一个对象的模式,和第一次函数式写法不一下,这样更清晰,添加自定义属性更方便,全部代码如下:大图的地址用自定义属性的方式显示在<img>标签如<li><img src="images/small.jpg" width="70" height="70" zoom="images/big.jpg"></li><!DOCTYPE html PUBLIC 阅读全文

javascript 简单的图片放大效果(一)

2012-04-07 18:21 by VVG, 2861 阅读, 收藏, 编辑
摘要: 图片放大实例 HTML源代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u 阅读全文

javascript简单拖拽(鼠标事件 mousedown mousemove mouseup)

2012-04-02 17:48 by VVG, 26525 阅读, 收藏, 编辑
摘要: javascript简单拖拽简单拖拽实现mousedown 的时候创建拖动对象,mouseup的时候释放对象,原理弄清楚了其实很简单。简单拖拽实现代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equi 阅读全文
点击右上角即可分享
微信分享提示