html和css
关注
分享
扫一扫
iteye_3224
这个作者很懒，什么都没留下…
展开
-
个性博客-七款超靓天气预报免费代码
第一种： <iframe src="http://weather.265.com/weather.htm" width="160" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"><2009-09-02 08:29:00 · 111 阅读 · 0 评论 -
关于textarea超过一定字数，不能提交问题
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228540492250&amp;lmt=1228528450&...2008-12-06 13:15:00 · 141 阅读 · 0 评论 -
圆角导航菜单.
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228540432765&amp;lmt=1228528449&am...2008-12-06 13:14:00 · 75 阅读 · 0 评论 -
CSS表格斜线.
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228540218781&amp;lmt=1228528449&am...2008-12-06 13:12:00 · 237 阅读 · 0 评论 -
图片经过处理后-box盒子效果
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228540160656&amp;lmt=1228528448&am...2008-12-06 13:09:00 · 101 阅读 · 0 评论 -
在textarea里,加提示效果.
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228531115328&amp;lmt=1228528446&am...2008-12-06 10:38:00 · 301 阅读 · 0 评论 -
带图片预览功能的上传表单
带有图片预览功能的上传表单 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带有图片预览功能的上传表单</title> <script> function viewmy2008-12-06 10:38:00 · 85 阅读 · 0 评论 -
CSS Sprites技术
一张完整的图片，如何在里面获取你需要的一小张呢？CSS Sprites技术可以帮你解决. 优点 跟能够提升网站性能有关。普通制作方式下的大量图片，现在合并成一个图片，大大减少了HTTP的连接数。HTTP连接数对网站的加载性能有重要影响。 缺点 至于可维护性，这是一般双刃剑。可能有人喜欢，有人不喜欢，因为每次的图片改动都得往这个图片删除或添加内容，显得稍微繁琐。而且算图片的位置（尤其是这种上千p...2008-12-06 10:35:00 · 77 阅读 · 0 评论 -
TAB效果，五个，竖排横排，左右打开等等你想要的都有
<!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>..2008-12-05 20:04:00 · 387 阅读 · 0 评论 -
INPUT可编辑， tab 键可切换.
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228478431456&amp;lmt=1226285681&am...2008-12-05 20:03:00 · 228 阅读 · 0 评论 -
网页表单项Input的高级限制级用法
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228478082799&amp;lmt=1226285679&...2008-12-05 19:55:00 · 131 阅读 · 0 评论 -
absolute与relative的运用
Div + CSS 进行网页布局，适当地运用 absolute 与 relative，能给布局带来意想不到的效果和方便，达到事半功倍…本文介绍了关于 absolute 与 relative 的运用。 详细讲解两者的关系，需要配合例子，请先看例子： 以下是引用片段： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...2008-12-05 14:41:00 · 86 阅读 · 0 评论 -
兼容ie和firefox的透明div的css代码
也许你有的时候需要实现透明层的特殊效果，其实通过css代码就可以很简单的实现，并且兼容ie和firefox，代码如下：filter:alpha(opacity=20);-moz-opacity:0.20;在div的样式代码里面加上就可以了，filter:alpha(opacity=20)控制ie下的效果，这里的20可以是0到100之间，数值越大，透明度越低，-moz-opacity:0.20控制f...2009-07-02 10:52:00 · 94 阅读 · 0 评论 -
为ie6，ie7，firefox(ff)设置不同效果的css写法
写css代码的时候经常会遇到ie和ff效果不一致的问题，就会用到css hack方法，ie7出现之前，ie是不支持!important 的，可以通过加!important 来为ie和firefox设置不同的css代码以达到相同的显示效果，当然也可以通过这个来达到不同的显示效果，但是ie7出现之后这个方法就不灵了，因为ie7支持!important ，用了!important 可能在ie7下的效果又...2009-07-01 18:13:00 · 78 阅读 · 0 评论 -
css实现真正的圆角表格
v\:* {behavior: url(#default#VML);} css实现真正的圆角表格 <html xmlns:v> <head> <style> v\:* {behavior: url(#default#VML);} </style> </head> <body> <v:RoundRect style="2008-12-06 15:37:00 · 288 阅读 · 0 评论 -
仿yahoo的特色服务内容切换效果
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228549294031&amp;lmt=1228528452&...2008-12-06 15:41:00 · 98 阅读 · 0 评论 -
JMenuTab.推荐
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228549322984&amp;lmt=1228528453&am...2008-12-06 15:42:00 · 266 阅读 · 0 评论 -
鼠标滑过即选中(例代码)(
<html><head><meta http-equiv="Content-Language" content="en" /><meta name="GENERATOR" content="Zend Studio" /><meta http-equiv="Content-Type" c2009-08-19 09:35:00 · 100 阅读 · 0 评论 -
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidt
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解 scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 off...2009-08-16 09:32:00 · 96 阅读 · 0 评论 -
CSS简洁的左侧菜单(侧拉菜单，向右显示)
<!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> <met2009-07-22 13:11:00 · 293 阅读 · 0 评论 -
CSS+JS实现文字色彩渐变
<!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> <m2009-07-20 19:34:00 · 113 阅读 · 0 评论 -
iframe框架集左右收缩隐藏
此例心得 对于td隐藏之类的写法，不要用display:block ---display:none，来进行,用这种写法style.display='';style.display:none;不然在firefox有点问题。。有兴趣的人可以测试下。将上面的代码那个display:“”，改在display="block"试试。。。边样子比较保险些 对于div之类的。。推荐用 style.display=...2008-12-08 10:19:00 · 155 阅读 · 0 评论 -
css做的图片型按钮。
<style>.button { font: 12px Tahoma, Verdana; padding: 0 5px; color: #D3E0E7; background-image: url("200707251809550.gif"); background-repeat: repeat-x; background-position: 0 50%; outline: 1px...2008-12-07 02:12:00 · 232 阅读 · 0 评论 -
文本框背景
<!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> <m2008-12-07 02:11:00 · 91 阅读 · 0 评论 -
给图片加上边框.(仿胶卷)
body{ margin:1em 12em; background:#fff; font:normal 1em/1.6em "lucida grande", "trebuchet ms", verdana, sans-serif; } h1{ text-indent:2em; color:#dfdfdf; background:#555; padding:5px 0; margin:.4e...2008-12-07 02:11:00 · 194 阅读 · 0 评论 -
一个css做的按钮
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228586971281&amp;lmt=1228528457&...2008-12-07 02:09:00 · 204 阅读 · 0 评论 -
TREEmenu树菜单
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228586925375&amp;lmt=1228528455&am...2008-12-07 02:09:00 · 170 阅读 · 0 评论 -
网页形式的计算器.
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228586879671&amp;lmt=1228528455&am...2008-12-07 02:08:00 · 105 阅读 · 0 评论 -
只显示下边框的Text.(
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228549527546&amp;lmt=1228528454&...2008-12-06 15:45:00 · 107 阅读 · 0 评论 -
apple展示效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML><HEAD><TITLE>Apple - Mac</TITLE> &2008-12-06 15:43:00 · 83 阅读 · 0 评论 -
display:inline与float:left的正确解释
首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有...2009-06-30 08:52:00 · 95 阅读 · 0 评论 -
网页弹窗代码特效大全
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单： <SCRIPT LANG...2009-06-29 16:03:00 · 211 阅读 · 0 评论 -
纯CSS仿QQ消息管理器的样式
<html> <head> <title> </title> <style type="text/css"> .msgbox { padding:5px; width:700px; height:600px; overflow:hidden; margin:100px auto; border:1px solid #83B8DC; bac...2009-06-28 19:09:00 · 112 阅读 · 0 评论 -
用CSS实现颜色渐变
微软中国网站页面上方的颜色渐变非常好，查看其源代码，发现在<td>内部用了类似如下的样式： style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#98B2E6’, gradientType=’1’)" ======== <html> &l...2008-12-15 16:34:00 · 131 阅读 · 0 评论 -
无图片圆角表格
<style type="text/css"> div#nifty{ margin: 0 10%;background: #9BD1FA} p {padding:10px} div.rtop, div.rbottom{display:block;background: #FFF} div.rtop div, div.rbottom div{display:block;height: 1...2008-12-15 16:33:00 · 65 阅读 · 0 评论 -
marquee嵌套这后出现的效果
<div style="border:dotted 1px #333;width:468;height:60;"> <marquee direction="down" behavior="alternate" scrollamount=1 height="60"> <marquee direction="right" behavior=&q2008-12-15 16:31:00 · 115 阅读 · 0 评论 -
用css控制select样式
http://www.corange.cn/archives/2008/10/1950.html<html> <head> <style> .box{border:1pxsolid#C0C0C0;width:182px;height:20px;clip:rect(0px,181px,20px,0px);overfl...2008-12-14 01:53:00 · 153 阅读 · 0 评论 -
CSS+JS控制Li背景颜色交替
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...2008-12-14 01:52:00 · 176 阅读 · 0 评论 -
CSS定义通用透明效果
最近在研究netvibes 在netvibes的CSS看到一个片断 程序代码 .transparent{ filter:alpha(opacity=12); -moz-opacity:0.12; opacity:0.12; background-color:#000; } filter:alpha(opacity=12); 支持IE -moz-opacity:0.12; 支持FF opacity:...2008-12-14 01:47:00 · 86 阅读 · 0 评论 -
高度100%的绝对定位自适应布局
容器高度100%是经常用到的需求，任何容器都可以实现，而且不需要嵌套关系。 把body看作是一个容器，做为内部对象的上层标签，他的高度设置为100%是关键。 最基本的例子 * { margin:0; padding:0; border:0;} html,body { height:100%;} /* 同时设置html是为了兼容FF */ #box_2 { height:100%; backgrou...2008-12-13 10:22:00 · 120 阅读 · 0 评论