-
http://www.xianlaiwan.cn/code/3608 JS實現的鼠標放上去出現右側 鼠標移走隱藏右側查看全部
-
http://www.xianlaiwan.cn/code/3588查看全部
-
http://www.xianlaiwan.cn/code/3587查看全部
-
http://www.xianlaiwan.cn/code/3586查看全部
-
使用img標簽 <img class="rightPic" src="#">; 設定此類的位置： positon:relative; rigth:-35px;bottom-40px;使用副值來使照片溢出查看全部
-
如何解決內容過少或者過多的問題： 1、內容過少時：將左側一級菜單與懸浮層的底部進行高度對比； 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度)：h0=[this.i-1]*30+42； 其次獲取懸浮層的高度（當前活動DIV上部距離頂部的高度+本身DIV的高度）即：h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth; 判斷語句：if(h<h0){this.getElementsByTagName('div').style.top=h0;} 內容過多時：if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'}查看全部
-
<script type="text/script"> window.onload=function(){ //獲取所有的Li標簽集 var lis=document.getElementsByTagName（"li"）; //循環遍歷所有的標簽使其在鼠標移到及移出執行相應的命令 for(var i=0;i<lis.length;i++){ lis[i]=i; lis[i].onmouseover=function(){ this.className="lihove"; } lis[i].onmouseout=function(){ this.className=""; } } } </script>查看全部
-
要求將A標簽定義為塊顯示：display:block; 左浮動：float:left; 左邊框線：border-left:1px solid #ccc;查看全部
-
背景圖片不可能超出容器跑到外面去，所以要設置懸浮效果必須使用插如圖片的方式查看全部
-
圖片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; )查看全部
-
用js給所有的li加mouseover和mouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }查看全部
-
測試查看全部
-
.submenu{ display:none; /*隱藏li里面的DIV塊*/ width: 750px; ; position: absolute; left:220px; top:40px; border:1px solid #DDD; z-index: 4; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; } .leftdiv{ float:left; background-color: #aaaaaa; margin: 5px; width: 400px; } .rightdiv{ float:left; background-color: #336699; margin: 5px; width: 200px; } .topmenu li:hover .submenu{ /*鼠標經過li時,觸發submenu */ display:block; }查看全部
-
font-size: 11pt; list-style-type: none; text-align: left; padding-left: 8px; z-index: 3; background-image: url(1.png); background-repeat: no-repeat; background-position: right;查看全部
-
我的代碼查看全部
舉報
0/150
提交
取消