弹出层效果和弹出框拖动效果
目前能够简单实现弹出层的框架实在是多，但个人还是觉得原生js代码实现比较具有根本性。 今天刚写完弹出层效果，以及对弹出框的拖动效果，链接：demo、源码。 js代码总体分为三个部分：获取节点并添加点击事件；创建弹出层节点并设置样式；添加鼠标移动事件。重点是后面两个部分 ...
原文：最简单的html弹出层效果(支持拖动)
昨天闲着无聊写了一个最简单的弹出层效果,支持拖动,鼠标放在标题栏指针会变成十字,但是点下和拖动的时候却变成了输入,IE内核浏览器正常,哪个高手能帮着解决一下,感谢 ...
2012-10-15 12:54 0 8638 推荐指数：
相关推荐
[html]实现遮罩层最简单代码 在此基础上可以实现弹出窗口遮罩效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns ...
最简单的弹出层代码
一个简单的不能再简单的弹出层代码..... View Code ...
简单的进度条拖动效果及拖拽改变层大小
业务需求 价格区间的 进度条拖动初级demo 拖拽改变层大小 效果图： 技巧： 向左拉伸改变大小： 需要满足2个条件; 1.在left的情况下 当鼠标向右移动的时候 是缩短距离此时 width = 原div宽带 - （当前鼠标点 - 原来的鼠标 ...
HTML浮层效果的简单实现及其原理
由于最近的项目用到弹出浮层来显示信息或者获得用户输入，这样的好处是仅仅只用一个页面就可以实现多个页面的功能，不用多写或者多跳转几个页面，所以就简单研究了一下浮层实现的一种原理，并记录下以后就可以自己写自己应用了。 先介绍一下其实现的原理吧：在CSS里有一个属性叫做z-index，表示每个 ...
JavaScript:Div层拖动效果
Div层拖动效果图: 实现： CSS： View Code JS： View Code HTML： View Code 注：仅供参考。未考虑兼容性，IE9测试通过 ...
JQ实现弹出层效果
JS部分 //show layer function showlayer(){ var bh=$(window).height();//获取屏幕高 ...
Fancybox丰富的弹出层效果
Fancybox是一款优秀的jquery插件，它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果，相比facybox，fancybox显得功能更为齐全，它除了可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。 下载：http ...