-
①可以给父div也设置高度为300px，使页面中的leftBox和rightBox看起来“好像”还在原来的位置； ②定义一个类选择器，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;查看全部
-
首页布局分析：上（顶部区）、中【页面主体区（[logo区]、[导航区]、[大图广告区]、[信息展示区]）】、下（底部版权区）。查看全部
-
每一个div都是快级元素，块级元素都要从新行开始的。查看全部
-
问题：leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。 解决方法：①可以给父div也设置高度为300px，使页面中的leftBox和rightBox看起来“好像”还在原来的位置； ②定义一个类选择器，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题查看全部
-
详细参数的使用 demo.jb51.net/js/myfocus/tutorials.html查看全部
-
焦点图制作2 4.4加载时间长，为了页面更友好，可以添加loading的提示（*******） 4.4.1在pic的div之上添加一个loading的div，在div中添加一个图片，添加一个src，添加一个alt提示 文字 <div class="loading"><img src="images/loading.gif" alt="图片加载中"/></div> 详细参数的使用 demo.jb51.net/js/myfocus/tutorials.html查看全部
-
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script><!--插入myFocues插件--> <script type="text/javascript" src="js/mf-pattern/mF_fancy.js"></script><!--定义myFocus风格--> <link type="text/css" rel="stylesheet" href="js/mf-pattern/mF_fancy.css" /><!--链接myFocus样式--> <script type="text/javascript"> myFocus.set( {id:"picBox"} )</script><!--调用myFocus--> ----------------------------------------------------- <div class="ad" id="picBox"> <div class="loading"><img src="images/loading.gif" alt="请稍候.."></div> <div class="pic"> <ul> <li><img src="images\ad2.jpg"/></li> <li><img src="images\ad3.jpg"/></li> <li><img src="images\ad4.jpg"/></li> </ul> </div> </div><!--ad end--> ----------------------------------------------------- 构建焦点图时，需用div把ul包裹起来，且类名pic.查看全部
-
焦点图制作： 1焦点图分类 1.js焦点图2.Flash焦点图3.css焦点图4.jq焦点图 2强大的焦点图插件myfocus 3引入myfocus的库文件和它对应的样式文件 3.1添加script标签 3.2添加script标签，引入风格文件 3.3添加link标签，引入样式表文件，添加rel和type属性 4构建页面当中需用到的图片 4.1在nav结束后添加一个ad的div，在div添加一个ul列表，在列表中添加列表项，在列表项中添加图片 <div class="ad"> <ul> <li><img src="images/ad2.jpg"/></li> <li><img src="images/ad3.jpg"/></li> <li><img src="images/ad4.jpg"/></li> </ul> 4.2定义ad的样式 4.2.1在main样式表中添加ad 4.2.2定义图片高度310px 4.2.3为了让几张图片只显示在同一位置，在ad中添加 overflow:hidden;，意思是当你溢出div的时候， 把你隐藏掉（********） 4.3实现图片的切换 4.3.1在head之前添加script标记，添加type属性为javascript，在标签中调用myfocus提供的方法，做 一些初始化的工作 4.3.2为ad起一个id为picBox，再进行初始化，指定显示焦点图的div的id，直接调用myfous里面的方法 ，myfocus.set(),当中是键值{}，显示焦点图的div的id， <script type="text/javascript"> myFocus.set({ id:'boxID'} ) </script> 4.3.3焦点图动，要保证id一致，还要用一个pic的div把图片的列表包裹起来 注意 1焦点图初始化的ID，与图片列表最外层的ID一致 2图片列表外面，包裹一个class为pic的div查看全部
-
*{margin:0;padding:0;} .topList{height:180px;width:300px;border:1px solid #e8e8e8;margin:50px;} .topList li{list-style-type:none;url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)} .topList ul{padding:5px;} .topList em{width:20px;height:16px;display:inline-block;text-align:center;background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) bottom center no-repeat;color:#000;float:left;font-style:normal;} .topList ul li{line-height:20px;font-size:12px;margin-top:8px;} .topList .top em{background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)no-repeat;color:#fff;} .topList a:link,a:visited{color:#333;text-decoration:none;} .topList a:hover{color:red;}查看全部
-
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script><!--插入myFocues插件--> <script type="text/javascript" src="js/mf-pattern/mF_fancy.js"></script><!--定义myFocus风格--> <link type="text/css" rel="stylesheet" href="js/mf-pattern/mF_fancy.css" /><!--链接myFocus样式--> <script type="text/javascript"> myFocus.set( {id:"picBox"} )</script><!--调用myFocus--> ----------------------------------------------------- <div class="ad" id="picBox"> <div class="loading"><img src="images/loading.gif" alt="请稍候.."></div> <div class="pic"> <ul> <li><img src="images\ad2.jpg"/></li> <li><img src="images\ad3.jpg"/></li> <li><img src="images\ad4.jpg"/></li> </ul> </div> </div><!--ad end--> ----------------------------------------------------- 构建焦点图时，需用div把ul包裹起来，且类名pic.查看全部
-
123查看全部
-
~~!查看全部
-
maigin:外边距，padding:填充，希望实现DIV中文字位置的改变，就可以通过padding来实现，在CSS中，width和height指的是内容区域的宽度和高度查看全部
-
A标签滑动查看全部
-
左右边缘没有设置高度的时候，无法撑开整个div，效果就没有出来查看全部
举报
0/150
提交
取消