易截截图软件、单文件、免安装、纯绿色、仅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


相关文档:

CSS在线编辑工具editarea

首先介绍一下eidtarea:
EditArea是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、
Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck
下载地址:http://sourceforge.net/projects/editarea/
可以作为很好的在线编辑工具 ......

什么是CSS HACK,HACK的处理方式


       由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
  这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏 ......

IE6/IE7/FF的CSS hack 浏览器兼容总结

IE6/IE7/FF的CSS hack 浏览器兼容总结
2010-01-23 15:25
由于不同的浏览器对CSS的支持及解析结果不一样,处理的优先级不一样。针对不同的浏览器来写不同的CSS达到在不同浏览器下显示想要的效果就是css hack。先贴两个直观的对比图:
再贴一段代码:
#bgcolor {
background:red !important; /* Firefox 等其他浏览器 * ......

CSS兼容IE6、IE7、火狐(Firefox)技巧集合


 CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。 
 
CSS技巧 
 
1.d ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号