-
好喜欢听你讲课，讲得很详细查看全部
-
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都支持。查看全部
-
实现鼠标经过图片时，信息显示在图片的右侧，最后一个图片信息显示在图片的左侧，鼠标离开时信息隐藏 注意:本实战主要完成最后一个图片信息位置的显示查看全部
-
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循环：ali[i]循环当前是哪个li，让哪个li执行鼠标移入和移出的效果 ③ 把移入效果和移出效果分别放到两个函数里 ④ 针对最后一个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
提交
取消