搜索列表
-
对hao123进行重构
【CSS/HTML】受朋友之托，我对hao123.com网站首页进行了div+css的重新布局，精简源码，以适应现在的形势。 拿到hao123.com的首页，首先对原来的布局进行了分析：源文件的大小为80k，文字内容较多，图片只有6个。布局不是很复杂分上中下三行，上部有5行： logo 广告区、 一个 功能区、 邮箱登陆区、 百度搜索栏、 最后是推荐。中部有两行 每...
对hao123进行重构 -
标准布局应用：显示/隐藏侧边栏 [附详细注解]
【CSS/HTML】显示/隐藏 function pr() { var L=document.getElementById("left"); // 变量：L代表 id="left" 的标记 var R=document.getElementById("right"); // 变量：R代表 id="right" 的标记 if (L.className=="left") // 判断：如果 id="left" 的class值 等于left的话，将执行下面{}里面的内容 { L.className="left1...
标准布局应用：显示/隐藏侧边栏[附详细注解] -
css写菜单：简洁注释版
【CSS/HTML】这里是简洁版，主要把 [ 显示/隐藏 ] 效果给剥离出来给大家研究。 主要是利用了a:hover[ie]，li:hover[非ie]的状态来做出显示/隐藏菜单的效果。 关键之处： 程序代码 <!--[if IE 7]><!--></a><!--<![endif]--> 这一段注释表示：只有非IE浏览...
css写菜单：简洁注释版 -
Div+Css(+Js)菜单代码及制作工具
【CSS/HTML】效果直逼flash的Div+Css+Js菜单 css菜单 body{ background-color:#B8B8A0; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; padding:1 1 1 1; width:115px; height:30px; } #fbtn_txt{ position:relative; } #fbtn_txt div{ height:30...
Div+Css(+Js)菜单代码及制作工具 -
web标准常见问题集合5
【CSS/HTML】19.为什么这个背景颜色无法显示 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]IE中设置有背景色的ul并没有显示出来，这个属于haslayout问题，解决的办法也很多参考：http://bbs.blueidea.com/viewthr...
web标准常见问题集合5 -
用CSS打造 抽屉菜单
【CSS/HTML】宜广宣传广告 #leftside{ float:left; background-color:#00468C; width:150px; margin:0 auto; text-align:center; padding:10px 0;} #leftside.show_about p.about{ display:block;} #leftside.meta p.meta{ display:block; } #leftside.ads p.ads{ display:block;} #leftside a{ display:block;} #leftside a{ text-de...
用CSS打造抽屉菜单 -
web标准常见问题集合2
【CSS/HTML】7. IE6下这两个层中间怎么有间隙 aaaaaa aaaaaa [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left margin-right:-3px; 8. list-style-image无法准确定位的问题 web标准...
web标准常见问题集合2 -
获取音乐文件的播放时间及当前进度
【网页播放器】首先将以下代码加入网页中： <span id="Text"></span> function CurrentPosition() { if (document.winplayer.PlayState != 2) return; cPos.style.pixelLeft = ToB...
获取音乐文件的播放时间及当前进度 -
获取音乐文件的播放时间及当前进度
【网页播放器】首先将以下代码加入网页中： <span id="Text"></span> function CurrentPosition() { if (document.winplayer.PlayState != 2) return; cPos.style.pixelLeft = ToB...
获取音乐文件的播放时间及当前进度 -
层自动适应高度
【CSS/HTML】body { font:12px Tahoma;margin:0px;text-align:center; } a:link,a:visited {font-size:12px;text-decoration:none;} a:hover{} /*页面层容器*/ #container { width:780px;margin:0px auto;background:#fff } /*页面头部*/ #header {background:url(logo.gif) no-repeat;} #banner { background:url(banner.jpg) 0px no-...
层自动适应高度 -
CSS兼容要点分析
【CSS/HTML】IE vs FF CSS 兼容要点： DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text-align 时, div 需要设置&...
CSS兼容要点分析 -
div做细线表格,很强悍
【CSS/HTML】#div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 150px; height: 50px; list-style-type: none; border-right:#000 1px solid; border-bottom: #000 1px solid; text-align: center; line-height: 50px; } 1 ...
div做细线表格很强悍
