日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區(qū)平臺 聯系我們 | 收藏本站
阿里云優(yōu)惠2
您當前位置:首頁 > web前端 > htmlcss > CSS實用:DIV+CSS打造跟隨鼠標的層

CSS實用:DIV+CSS打造跟隨鼠標的層

來源:程序員人生   發(fā)布時間:2014-03-12 15:03:53 閱讀次數:4234次

【建站學院文檔】今天給大家寫一篇CSS實用教程,《DIV+CSS打造跟隨鼠標的層》,為了方便大家學習,特別分兩部分一代碼,二可運行的代碼。

以下為引用的內容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>跟隨鼠標的層 - 建站學院</title>
<script type="text/javascript">
function show_mp()
{
var obj=document.getElementById(’mpDiv’);
var L=T=0;
var divWidth=220;
var divHeight=70;
var padding=15;
var R= document.body.scrollLeft+document.body.clientWidth-divWidth;
var B = document.body.scrollTop+document.body.clientHeight-divHeight;
var x=document.body.scrollLeft+event.clientX;
var y=document.body.scrollTop+event.clientY;

obj.style.display="none";
if (x < L) { x = x+divWidth;}
if (x > R){ x = x-divWidth-padding*2;}
if (y < T) { y = T+divHeigh; }
if (y > B) { y = B-padding*2; }
obj.style.left=x+padding;
obj.style.top=y+padding;
obj.style.display="";
}
function hidden_mp()
{
var obj=document.getElementById(’mpDiv’);
obj.style.display="none";
}
</script>
</head>
<body>
<a href="#" onMouseOver="show_mp()" onMouseOut="hidden_mp()">afasdfds</a>
<div id="mpDiv" style='width: 220px; overflow: hidden; position:absolute; z-index:5; display:none;'>
<table width="220" border="0" cellpadding="0" cellspacing="1" bgcolor="#fc9c0a">
  <tr>
    <td height="70" valign="top" bgcolor="#ffffff"  style='padding:5px;'></td>
  </tr>
</table>
</div>
</body>
</html>

 


生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 在线精品一区二区 | 欧美成人一区二区三区 | 麻豆网站 | 日韩福利一区二区 | 看全黄大色黄大片美女爽一次 | 久久久久夜夜夜精品国产 | 中文字幕免费在线 | 日韩欧美一区二区三区 | 国产伦精品一区二区三区免费 | 国产一区二区三区免费视频 | 久久九九免费 | 欧美无乱码久久久免费午夜一区 | 亚洲影视一区 | 日本黄xxxxxxxxx100 | 网友自拍一区 | 久久久久久久 | 精一区二区三区 | 欧美一区二区在线免费观看 | 亚洲欧洲av| 国产精品国产三级国产在线观看 | 九九精品视频在线 | 一区二区在线视频 | 欧美亚洲国产一区二区三区 | 亚洲电影中文字幕 | 久热免费视频 | 欧美日韩国产专区 | 国产精久 | 欧美亚洲国产一区 | 91人人视频在线观看 | 在线观看中文字幕国产 | 国产视频亚洲精品 | 中文字幕中文字幕 | 国产精品178页 | 国产视频第一区 | 在线精品亚洲 | 麻豆网址| 激情欧美一区二区三区中文字幕 | 九九在线免费视频 | 国产黄在线看 | 91大神免费观看 | 中文字幕自拍偷拍 |