最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
兼容IE FF 浮动层实现方法
时间:2011-01-10 编辑:简简单单 来源:一聚教程网
兼容ie ff 浮动层实现方法
body
{
font: 12px arial, helvetica, sans-serif;
}
a
{
text-decoration: none;
}
a:hover
{
color: red;
}
function chathidden() {
document.getelementbyid("div2").style.display = "none";
document.getelementbyid("movedivid").style.;
}
function chatshow() {
document.getelementbyid("movedivid").style.display = "block";
document.getelementbyid("movedivid").style.;
document.getelementbyid("div2").style.display = "block";
}
function chatclose() {
document.getelementbyid("movedivid").style.display = "none";
}
var drag_ = false
var d = new function('obj', 'return document.getelementbyid(obj);');
var oevent = new function('e', 'if (!e) e = window.event;return e');
function move_obj(obj) {
var x, y;
d("main").onmousedown = function(e) {
drag_ = true;
with (this) {
d("main").style.position = "absolute";
var temp1 = d("movedivid").offsetleft; //距离左边的初始值
var temp2 = d("movedivid").offsettop; //距离顶边的初始值
x = oevent(e).clientx;
y = oevent(e).clienty;
document.onmousemove = function(e) {
if (!drag_) {
return false;
}
with (this) {
d("movedivid").style.left = temp1 + oevent(e).clientx - x + "px"; //层离左边距的像素
d("movedivid").style.top = temp2 + oevent(e).clienty - y + "px"; //层离顶部距的像素
}
}
}
document.onmouseup = new function("drag_=false");
}
}
-
上一个: css 两个div在一行解决办法
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26