CSS 层最小高度的全兼容写法
星期四, 02. 25. 2010 – Category: 前端技术
min-height:50px;
_height:expression(this.height < 50? "auto" : "50px");
JavaScript图片横向平滑切换效果
星期四, 08. 6. 2009 – Category: 前端技术
图片横向轮转（平滑）效果：
图片左右翻转……
HTML 代码：
<!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>ImagesRoll</title>
<link rel="stylesheet" href="css/imagesroll.css" />
</head>
<body>
<div style="text-align:center;">
<script language="JavaScript" type="text/javascript" src="js/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="js/effects.js"></script>
<script language="JavaScript" type="text/javascript" src="js/glider.js"></script>
<div class="imagesroll" id="my-glider">
<div class="scroller">
<div class="content">
<div class="section" id="section1">
<p><a href="#" target="_blank"><img [...]
Javascript+CSS 经典效果, 新闻滑轮显示.
效果2张:
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>绝对经典的滑轮新闻显示 (javascript+css)</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">
<!–
*{padding:0; margin:0} img{border:0; display:block;} BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center } .dis { DISPLAY: block } .undis { DISPLAY: none } #cntR { WIDTH: [...]
关于站长
Google AD
最近文章
- Ubuntu 里 flash 中的汉字显示为框框
- CSS 层最小高度的全兼容写法
- Windows2k3配置PHP服务器环境
- Joomla TinyMCE 中文语言包
- JavaScript Runcode
- Lighttp Rewrite Rule For Wordpress
- IE8 里中英文字体高度不一样
- 南京夫子庙–瞻园一瞥
- 热烈庆祝本站PR荣升至5~~
- 走在乡间的小路上