易截截图软件、单文件、免安装、纯绿色、仅160KB

滑动图片展示效果(js+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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.zishu.cn</title>
<style>
*{ margin:0; padding:0; list-style:none;}
body{ font-family:Verdana; font-size:12px; line-height:1.8; margin:50px;}
img{ border:0; display:block;vertical-align:middle}
#imgBox{border-right:1px solid #3B8C54; border-bottom:1px solid #3B8C54; background:#84B726; padding:5px;}
#imgBox div{width:700px; background:#B5DF63; border:1px solid #DAEFB1; border-top:1px solid #6D9720; border-left:1px solid #6D9720; overflow:hidden}
#imgBox,#imgBox ul,#imgBox li{ float:left;}
#imgBox ul{ width:4100px;}
#imgBox a{ padding:6px; display:block; background:#fff; margin:10px; border:1px solid #A5D845; text-align:center; text-decoration:none}
#imgBox span{ display:block; background:#FFFF99; border-top:1px solid #FFFFFF}
#imgBox a:hover{ border:1px solid #84B726; border-left:1px solid #fff; border-top:1px solid #fff; background:#95CC2D;}
#imgBox a:hover span{ background:#000; color:#fff}
</style>
</head>
<body>
<div id="imgBox">
 <ul>
 <li><a href="http://www.zishu.cn"><img alt="this is 001" src="http://www.zishu.cn/attachments/month_0902/1.gif" /></a></li>
 <li><a href="http://www.zishu.cn"><img alt="this is 002" src="http://www.zishu.cn/attachments/month_0902/2.gif" /></a></li>
 <li><a href="http://www.zishu.cn"><img alt="this is 003" src="http://www.zishu.cn/attachments/month_0902/3.gif" /></a></li>
 <li><a href="http://www.zishu.cn"><img alt="this is 004" src="http://www.zishu.cn/attachments/month_0902/4.gif" /></a></li>
 <li><a href="http://www.zishu.cn"&g


相关文档:

Zen Coding: 一种快速编写HTML/CSS代码的方法


Zen Coding: 一种快速编写HTML/CSS代码的方法
来源:http://www.javaeye.com/news/13149
译自:Smashing Magazine
中文:Zen Coding: 一种快速编写HTML/CSS代码的方法
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。
你在写HTML代码(包括所有标签、属性、 ......

纯Javascript+css开源围棋软件eidogo

嵌入式SGF查看和编辑器
EidoGo Player
(SGF viewer and editor) 是一款开源(AGPLv3
许可)纯javascript+css编写、在浏览器内运行的围棋打谱、编辑软件。
可嵌入到任何页面,提供打谱、编辑SGF棋谱。
源代码:http://code.google.com/p/eidogo/
例子:第24届天元战本赛第1轮 2010-01-27 常昊vs罗洗河 白中盘胜
(
......

网页中常见CSS Hack的使用整理

_property:value
属性前加_线,该hack对IE有效,在FF下无效
这段代码在IE下看,div的边框为蓝色,而在FireFox下无效
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*这个在IE下可以看到边框为灰色,而在FF下是没有任何的效果*/
</style>
选择符 {width:IE5.x宽度; voice-family :"\"}\"" ......

IE6、IE7、IE8、Firefox、Opera CSS hack区分

IE6、IE7、IE8、Firefox、Opera CSS hack区分
针对样式名
如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>/**/body .head{color:#000;}
如果只是不让ie6看见用html>body .head{color:#000;} ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号