
div容器内图片自动缩放
网上搜索到的一段代码:
<script language="javascript">
<!--
//容器内图片自缩放函数,当图片超过最大高度或宽度时,按比例缩放到指定高或宽。
function img_init(div_id,width,height)
{
var img_vh=width; //定义最大高度
var img_vw=height; //定义最大宽度
var divn=document.getElementById(div_id);
var imgn=divn.getElementsByTagName("img");
var oldheight,oldwidth;
for (var i=0;i<imgn.length;i++) {
if(imgn[i].height>img_vh ||......

1简单又好的 Blockquote 样式
CSS代码如下
1 blockquote {
2 background:#f9f9f9;
3 border-left:10px solid #ccc;
4 margin:1.5em 10px;
5 padding:.5em 10px;
6 quotes:"\201C""\201D""\2018""\2019";
7 }
8 blockquote:before {
9 color:#ccc;
10 content:open-quote;
11 font-size:4em;
12 line-height:.1em;
13 margin-right:.25em;
14 vertical-align:-.4em;
15 }
16 blockquote p {
17 display:inline;
18 }
2图像在水平或者垂直方向的绝对定位
css代码
1 img {
2 position: absolute;
3......

有许多免费的CSS在线工具,为节省开发时间的工具.今天是我们展示的是免费的CSS菜单生成器.如果你想创建非常简单水平,垂直或甚至面包屑导航下拉菜单,你可以轻松地定制,得到代码,看看它是如何编码。
IzzyMenu-Online Menu Builder
IzzyMenu是一个在线的菜单生成器,你可以免费使用为您的网站建立一个菜单。
CSS Menu Maker
CSSMenuMaker 丰富的库提供完全可定制的水平CSS菜单
CSS Menu Builder
MyCSS Menu
CSS Menu Generator
CSS Portal-Menu Generator
Pure CSS Menu
CSS Menu Generator
List-O-Matic
原文:http://de......

CSS3出现以后,WEB前端的美化变得更加容易,一些原本要用图片才能实现的外观,现在用样式表就可以搞定,也因而使得页面变得更小。但令人头疼的是CSS3的很多属性并不被所有的浏览器支持。本人向来喜欢使用圆角矩形作为容器,经过寻找和探索终于找到了实现让圆角兼容所有浏览器的方法。
这个方法是用CSS+JS来实现的。
在需要实现圆角的页面中引入CurvyCorners(一个JS圆角库,它采用的全部是CSS3原生属性),并使用addEvent函数:
<script type="text/javascript" src="curvycorners.js"></script>
<script......