[Web前端] Div+CSS+JS 可刷新树型菜单日期：2015/12/2 15:34:00点击：936来源：互联网
<!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>Div+CSS+JS树型菜单，可刷新</title> <meta name="descriptio...
[Web前端] DIV高度100%的注意事项日期：2015/12/2 15:34:00点击：885来源：互联网
以前使用表格很容易的实现100％高度，但是div似乎没有办法实现。其实只要细心就会发现，同样的Width:100% 是很容易实现的，但是为什么Height:100%,却不能撑满屏幕,甚至是1px大小。其实只是容器的高度还没有生成而已，CSS都是在Html代码的最上面，整个容器中的内容还没有完全载入，所以也不能获得页面的正常高度，So 100%＝1px 它是成立的！解决的办法倒是很简单就是:html,body{height:100%} html属性是FF所用的. 将容器在页面载入之初就撑满...
[Web前端] DIV+CSS+JS 实现标签式显示日期：2015/12/2 15:33:00点击：931来源：互联网
一个用DIV+CSS+JS 实现的标签式显示，在很多网站上都能看到类似这样的显示方式！点击查看效果
[Web前端] 一些媒体播放器的符合Web标准的代码日期：2015/12/2 15:32:00点击：887来源：互联网
由于Embed标签是Netscape的私有财产，故一直未被W3C认可，对于各种媒体文件使用Embed标签是非标准的，如何改变？Elizabeth Castro的Bye Bye Embed一文对于各种媒体播放器给出了很好的符合web标准的代码。在线媒体播放--Google Video and YouTube<object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf? ?8755581808731033658" width="400" height="326&...
[Web前端] 澄清display:inline;和float:left;的用途日期：2015/12/2 15:32:00点击：787来源：互联网
这样的题目显得有点可笑，但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰（例一、例二），所以特此专文澄清两者之间的区别与特性。首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时...
[Web前端] 刚写的最简单的FLASH调用代码,适合给程序日期：2015/12/2 15:31:00点击：992来源：互联网
<embed src='..' quality='high' type='application/x-shockwave-flash' width='160' height='100'></embed>
[Web前端] CSS实现表格隔行换色的代码日期：2015/12/2 15:29:00点击：965来源：互联网
<style type="text/css">  </style> </HEAD> <table> <tr> <td>第1行</td><td>第1行</td> </tr> <tr> <td>第2行</td><td>第2行</td> </tr> <tr> &l...
[Web前端] 常用的登陆表单（DIV+CSS）日期：2015/12/2 15:29:00点击：813来源：互联网
<!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>www.flyso.cn--常用的登陆表单（DIV+CSS）</title> <style type=&...
[Web前端] DIV被图片撑开的解决办法日期：2015/12/2 15:28:00点击：790来源：互联网
图片总是把DIV撑高4像素，不知为什么？？下面的方法能解决，不过总觉得不是很完美，总要定义DIV的高度<style> *{margin:0; padding:0} #test1{ background:#ff0000; height:110px; overflow:hidden} #test1 li{ list-style:none; } #test2{ background:#ffff00; } </style> </head> <body> <div id="test1"><ul><li><img src="http://www.google.cn/intl/zh-CN/images/lo...
[Web前端] FLASH幻灯片展示日期：2015/12/2 15:23:00点击：1030来源：互联网
效果演示：点击进入采用flash+XML制作的幻灯切换效果。很多地方都可以用到。本代码只能使用标准的jpg格式,其他格式图片无法显示．需插入网页中观看效果使用，直接打开swf文件无法看到其效果．页面中使用时可以先copy到网站目录中，然后直接通过dw插入jpgrotator.swf，调整到和图片大小一样的尺寸就可以使用了．修改图片路径和参数在：jpgrotator.xml中操作．<?xml version="1.0"?> <jpgrotator> <parameters>...
[Web前端] 让TD中的图片垂直居中日期：2015/12/2 15:23:00点击：751来源：互联网
在img中加入style="vertical-align:middle;"
[Web前端] 绝对定位的DIV宽度自适应的一个方法日期：2015/12/2 15:22:00点击：853来源：互联网
<!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"><div style="background: #FFFDEC;-moz-opacity:0.9; filter:alpha(opacity=90); position:absolute; border:1px dashed #999; top:250px; padding:20px 50px; left:100px; right:100px; text-align...
[Web前端] 图片型按钮的写法日期：2015/12/2 15:22:00点击：932来源：互联网
<style>.button { font: 12px Tahoma, Verdana; padding: 0 5px; color: #D3E0E7; background-image: url("/myfile/images/headerbg.gif"); background-repeat: repeat-x; background-position: 0 50%; outline: 1px solid #D3E0E7; border: 1px solid #FFF !important; height: 19px !important; border: 1px solid #D3E0E7; height: 21px; line-height: 17px; } </style> <form><input class=&q...
[Web前端] CSS、XHTML中隐藏滚动条与设置样式日期：2015/12/2 15:21:00点击：864来源：互联网
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案，方法1: html { overflow-y: scroll; }原理：强制显示ie的垂直滚动条，而忽略水平滚动条优点：完全解决了这个问题, 允许你保持完整的XHTML doctype.缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条。方法2:(推荐采用)h...
[Web前端] 更改默认的按钮button的样式日期：2015/12/2 15:21:00点击：899来源：互联网
方式一：<style> input{ color:expression(this.type=="button"?'red':'blue'); background-color: expression(this.type=="submit"?'#b3cc92':''); } < /style> < inputtype=buttonvalue="提交">方式二:input[type=button]{ background:#F0F0F0 repeat-x; padding-top:3px; border-top:1px solid #708090; border-right:1px solid #708090; bor...
[Web前端] Div布局时让文字或图片垂直居中对齐日期：2015/12/2 15:20:00点击：945来源：互联网
一、傻瓜式在给DIV一个 TOP-PADDING 的值，值设置多少要自己去试。二、单行内容的居中只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了.middle-demo-1{ height: 4em; line-height: 4em; overflow: hidden; }优点：1. 同时支持块级和内联极元素2. 支持所有浏览器缺点：1. 只能显示一行2. IE中不支持<img>等的居中三、多行内容居中，且容器高...
[Web前端] CSS应用的优先权日期：2015/12/2 15:19:00点击：958来源：互联网
优先权问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一般规则：每个ID选择符(#someid)，加 0,1,0...
[Web前端] 元素水平居中方案总结日期：2015/12/2 15:18:00点击：925来源：互联网
先来看我一个简单XHTML/HTML文件代码（部分），我们的目的是让#container水平居中。<body> <div id="container"> <h1>content</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Phasellus varius eleifend.</p> </div> </body>使用自适应边界（auto margin）水平居中任意元素的首选办法是使用边界（margin）性质（property），并把左右之值设置为auto。但你必...
[Web前端] CSS给图片打标日期：2015/12/2 15:18:00点击：805来源：互联网
<!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>www.flyso.cn--CSS给图片打标</title> <style> body{padding...
[Web前端] 网站收藏夹小图标日期：2015/12/2 15:17:00点击：973来源：互联网
在<head>...</head>之间加入以下代码：<link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />