企业网站综合布局实战_学习笔记

首页免费课企业网站综合布局实战笔记

企业网站综合布局实战

最热最新

冷月诗魂

myFocus插件实现焦点图轮播效果 1.下载myFocus,拷贝js文件夹到项目，在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"> <div class="loading"><img src="" alt="图片加载中"/></div> <div class="pic"> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此： myFocus({ id:'picBox'}) 4.详细教程http://demo.jb51.net/js/myfocus/tutorials.html

查看全部

0 采集收起来源：企业网站制作之焦点图制作
2018-03-22
冷月诗魂

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式，控制列表的显示形式*/ body{border:1px solid #ccc;height:100px;} h3{margin-left:10px;} ul li{width:50px;height:30px;line-height:30px;text-align:center;float:left;list-style-type:none;} ul a{text-decoration:none;} ul a:link,ul a:visited{color:blue;} ul a:hover,ul a:active{color:#fff;background-color:#BE3948;display:block;} </style> </head> <body> <h3>课程难度</h3> <ul class='nav'> <li><a href='#'>全部</a></li> <li><a href='#'>初级</a></li> <li><a href='#'>中级</a></li> <li><a href='#'>高级</a></li> </ul> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
hjx 01:36

> 代表“>”

查看全部

0 采集收起来源：企业网站制作之新闻中心制作（一）
2018-03-22
蛋蛋英

.null{ clear:both; height:2; overflow:hidden; } .mainbox{ width:960px; background-color:#cff; border:1px solid red; // float:left; //父元素解决高度坍塌 // overflow:hidden; //设置清除浮动属性 } /* .mainbox:after{ content:""; clear:both; display:block; }*/ /*在父元素的后面添加内容，清除浮动*/ .leftbox{ width:740px; height:300px; background-color:#c9f; float:left; } .rightbox{ width:210px; height:300px; background-color:#fcf; float:right; } </style> </head> <body>  <div class="mainbox"> <div class="leftbox"></div> <div class="rightbox"></div> <div class="null"></div>  </div>

查看全部

0 采集收起来源：编程练习
2018-03-22
hjx 01:54

myFoucs制作焦点图

查看全部

0 采集收起来源：企业网站制作之焦点图制作
2016-05-18
qq_A米豆腐_0

background-image:url(E:/Php/企业网站/images/nav_bg.jpg); background-repeat:repeat-x; background-repeat 的正确使用方法！！！！

查看全部

0 采集收起来源：企业网站制作之导航部分制作（一）
2016-05-18
TWT

以下哪个属性不可以实现把“图像”设置为列表中的项目符号： list-style-type可以设置列表项目符号为：none无项目符号，disc实心圆，circle空心圆，square实心方块等但是不可以设置图片为项目符号。

查看全部

0 采集收起来源：练习题
2016-05-18
TWT

以下哪个属性可以去除列表中的项目符号：在CSS中没有a和d选项中的属性，list-style-image可以把图像设置为列表中的项目符号；list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等。

查看全部

0 采集收起来源：练习题
2016-05-18
TWT

浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。你可以按以下哪种方法处理： A 在浮动元素后加个div设置clear: both; height:0,overflow:hidden B 使用clearfix; C 设置父元素浮动; 浮动元素由于脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。

查看全部

0 采集收起来源：练习题
2016-05-17
雨路 09:26

调用myFoucus制作焦点图： <script type="text/javascript"> myFocus.set({id:'boxID'}); </script> 图片列表要有个类名为pic的div包裹，最外层的id为‘boxID’(这个id可以自己命名)。然后套用以上的简短代码即可。（详细教程见：http://demo.jb51.net/js/myfocus/tutorials.html）

查看全部

0 采集收起来源：企业网站制作之焦点图制作
2018-03-22
雨路 01:37

myFocus是专注于焦点图制作的js库

查看全部

0 采集收起来源：企业网站制作之焦点图制作
2016-05-17
温柔了时光 06:43

vertical-align：垂直对齐

查看全部

0 采集收起来源：企业网站制作之页面头部制作（二）
2016-05-17
慕粉1462163310 02:32

条

查看全部

0 采集收起来源：企业网站制作之导航部分制作（一）
2016-05-17
hjx 06:43

文字在图片的中间将图片设置为 vertial-align:middle;

查看全部

0 采集收起来源：企业网站制作之页面头部制作（二）
2016-05-17
万籁皆荏苒

滚动文字可参：http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html 摘要：<marquee direction="right" onMouseOver="this.stop()" onMouseOut="this.start()"></marquee> onmouseover=this.stop()：鼠标滑过时停止滚动 onmouseout=this.start()：鼠标离开时开始滚动

查看全部

1 采集收起来源：编程挑战
2018-03-22