-
好喜歡聽你講課，講得很詳細查看全部
-
1、要實現鼠標放到圖片上，圖四周出現邊框+底部半透明信息，需要在ul li里設置的代碼是 <a href="#"> <img src=""></img> <span></span> </a> 注：效果的實現需要a:hover時，①給a四周加邊框+②讓span里內容顯示 2、透明度的兼容處理： ① filter:alpha(opacity=50);//為IE6設的，可取值在0-100 ② opacity:0.5;//它是CSS標準。該屬性支持Firefox，Safari和Opera ③ -moz-opacity:0.5;//老版本的Firefox ④ -webkit-opacity:0.5;//舊的Safari，Chrome ⑤ -khtml-opacity:0.5;//使用KHTML內核而不是webkit內核的Safari查看全部
-
透明度查看全部
-
opacity設置透明度，IE6取值范圍是0-100。查看全部
-
filter:alpha(opacity=50);為IE6設置，取值范圍0-100 -moz-opacity:0.5;取值范圍0-1；老版本的Firefox。 -khtml-opacity：0.5；使用KHTML內核而不是webkit內核的Safari -webkit-opacity：0.5；舊Safari，Chrome； opacity:0.5；它是CSS標準，該屬性Firefox，Safari和Opera都支持。查看全部
-
實現鼠標經過圖片時，信息顯示在圖片的右側，最后一個圖片信息顯示在圖片的左側，鼠標離開時信息隱藏 注意:本實戰(zhàn)主要完成最后一個圖片信息位置的顯示查看全部
-
var j=lis.length; while(j){ if(j%3==0){ lastLi=lis[j-1]; lastLi.getElementByTagName("div")[0].style.left='auto'; lastLi.getElementByTagName("div")[0].style.right='100%'; } j--; } 注：j的值：0為假，非0為真查看全部
-
1、布局： <div class="demo"> <ul id="orginImg" class="orginImg"> <li> <a href="#"> <img src="" /> </a> <div>圖片的詳細信息說明</div> </li> </ul> </div> 2、CSS樣式： ① li相對定位 ② 描述圖片詳細信息的div采用絕對定位position:absolute;top:0;left:100% 注：這里left:100%;可以讓它左邊的元素正常顯示不會被蓋住或擠壓 3、JS步驟： ① 獲取所有的li：通過document.getElementsByTagName ② for循環(huán)：ali[i]循環(huán)當前是哪個li，讓哪個li執(zhí)行鼠標移入和移出的效果 ③ 把移入效果和移出效果分別放到兩個函數里 ④ 針對最后一個li，為了讓它的描述圖片詳細信息的div在最后一個li的左邊，需要 var lastLi; lastLi=lis[lis.length-1];//最后一個元素的索引為長度-1 lastLi.getElementsByTagName("div")[0].style.left="auto"; lastLi.getElementsByTagName("div")[0].style.right="100%";查看全部
-
實現圖片信息內容從底部向上顯示與隱藏：查看全部
-
for(var i = 0; i<5;i++){ alert('我是第'+ i +'次'); } ， 當輸出 i 等于幾時程序結束？ 正確答案：4查看全部
-
1、名詞術語：作用域。比如： div1.style.top=160+"px"; div2.style.top=160+"px"; 它們的作用域分別是div1和div2 2、console.log(); 說明：小括號內傳想要顯示的內容 作用：瀏覽器控制臺輸出日志，用來調試程序 3、在這里函數的兩種寫法： oDiv.onmouseover = showAtop(); oDiv.onmouseover = showAtop; 注意：這里showAtop是一個函數，這兩種寫法都正確，因為函數后面的小括號是可以省略的 4、定義完函數showMeg，如果想讓3個div每個都有效果，可以調用函數寫： showMeg(1); showMeg(2); showMeg(3);查看全部
-
●對于等號后面的值的寫法 正確寫法1： oBox1.getElementsByTagName("a")[0].style.top=0; oBox1.getElementsByTagName("a")[0].style.top=160+"px"; 正確寫法2： oBox1.getElementsByTagName("a")[0].style.top="0"; oBox1.getElementsByTagName("a")[0].style.top="160px"; 錯誤寫法1： oBox1.getElementsByTagName("a")[0].style.top=160px; 錯誤寫法2： oBox1.getElementsByTagName("a")[0].style.top=160;查看全部
-
1、布局： <div id="pic1"> <img src="" /> <a href="#" > 描述文字 </a> </div> 2、CSS樣式： ▲ 對div ①相對定位 ②overflow:hidden ▲ a標簽絕對定位 3、效果實現需要：當鼠標放到div上時即#pic1:hover，讓a標簽的top:0px;查看全部
-
1、要實現鼠標放到圖片上，圖四周出現邊框+底部半透明信息，需要在ul li里設置的代碼是 <a href="#"> <img src=""></img> <span></span> </a> 注：效果的實現需要a:hover時，①給a四周加邊框+②讓span里內容顯示 2、透明度的兼容處理： ① filter:alpha(opacity=50);//為IE6設的，可取值在0-100 ② opacity:0.5;//它是CSS標準。該屬性支持Firefox，Safari和Opera ③ -moz-opacity:0.5;//老版本的Firefox ④ -webkit-opacity:0.5;//舊的Safari，Chrome ⑤ -khtml-opacity:0.5;//使用KHTML內核而不是webkit內核的Safari查看全部
-
本課程由淺入深，所以還是希望可以一步一步來，循序漸進查看全部
舉報
0/150
提交
取消