减小字体
增大字体
中查找“CSS透视镜效果”更多相关内容
中查找“CSS透视镜效果”更多相关内容- ·上一篇文章：5个优化CSS代码的技巧
- ·下一篇文章：CSS代码中px与pt的区别
CSS透视镜效果
<style>
body{
background:url(http://www.zcool.com.cn/pic/background/23/bg23_005.gif);
overflow:hidden;
}
</style>
<body>
<script>
function id(obj){//取id函数
return document.getElementById(obj);
}
window.onload=function(){
id("mask").setCapture();
}
function mm(obj){
id("mask").setCapture();
obj.style.left=window.event.x-1500;
obj.style.top=window.event.y-1500;
}
</script>
<div id=mask style="position:absolute;width:3000;height:3000px;" onmousemove="mm(this);">
<div style="float:left;width:1490px;height:1490px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:20px;height:1490px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:1490px;height:1490px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:1490px;height:20px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:20px;height:20px;"></div>
<div style="float:left;width:1490px;height:20px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:1490px;height:1490px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:20px;height:1490px;background-color:white;filter:alpha(opacity=50);"></div>
<div style="float:left;width:1490px;height:1490px;background-color:white;filter:alpha(opacity=50);"></div>
</div>
</body>
Tags：CSS教程
作者：佚名
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
评论内容只代表网友观点，与本站立场无关！
评论摘要(共 0 条，得分 0 分，平均 0 分)
查看完整评论