88% 为字体大小，这个字体大小是相对于父级字体的大小，如，如果父级的大小为
14px 那么这里的大小就为：14*88% 这个大小
后面的 1.4 为1.4倍的行高。
以上……
1. 在编写网页时,如果图片大小事先是未知的,如果图片过大的话,会影响的网页中其他块的结构使用css可以将图片的大小调整到一个固定的值
<span style="font-size: 16px">#mian img{
max-width:170px
width:170px
width:expression(document.body.clientWidth>170?"170px":"auto")
max-height:180px
height:180px
height:expression(document.body.clientWidth>180?"180px":"auto")
overflow:hidden
}
</span>
2.html代码中
如果图片的大小是事先未知的,这样设置可以使,图像的大小固定,从而不影响网页中其他块的结构
<span style="font-size: 16px"><div id = "maim">
<!--
在mian样式的块中img标签图片的大小会被固定在170px*180px
-->
<img src="01.jpg">
</div>
</span>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">
<link type='text/css' rel='stylesheet' href='http://www.css88.com/demo/Animate Image/style3.css' />
<script type="text/javascript" src="http://www.css88.com/demo/Animate Image/sliderIMG3.js"></script>
<title>Slider view Images</title>
<script>
window.onload = function(){
sliderIMG.create('imageFlow',{count:8, speed:5, auto:true,timer:5000})
}
</script>
</head>
<body>
<div id='imageFlow'>
<div class='top'></div>
<div class='bank'>
<ul class='imageList'>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/0.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/1.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/2.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/3.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/4.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/5.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/6.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/7.JPG' /></a></li>
</ul>
</div>
<div class='mainOpacity'></div>
<div class='leftOpacity'></div>
<div class='rightOpacity'></div>
<div class='scrollbar'>
<span class='currentScroll'></span>
</div>
</div>
<div id='content'>
<h3>使用方法：</h3>
<p>sliderIMG.create('DIVid',{count:*, speed:*, auto:*, timer:*})</p>
<br />
<pre>必须参数： count ---->数字类型， 图片数量
可选参数：
speed ---->数字类型， 滚动速率， 默认为：5；
auto ---->布尔类型， 设置自动滚动， 为true则自动， 反之不自动， 默认为： false
timer ---->数字类型， 设置每个几秒自动滚动一次， 默认为： 5000ms = 5s
</pre>
</div>
</body>
</html></font>
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>
