样式集锦

样式集锦

灰置图片
style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;"
发光字体样式
.pp1
{
 color: white;
 filter: glow(color=yellow,strength=3);
}
参见 http://www.24xuexi.com/tutorial/computer/web/htmlweb/css/2005-03-26/1111795200d158702.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 > 无标题文档 </ title >
</ head >

< body >
< DIV  id ="scroll_div"  
style ="OVERFLOW: hidden;height:137px;WIDTH: 658px;white-space: nowrap; " >
     < div  id ="scroll_begin"  style ="display:inline;" >< img  src ="image/2.jpg"  width ="200"  height ="137"  border ="0" >< img  src ="image/3.jpg"  width ="200"  height ="137"  border ="0" >< img  src ="image/4.jpg"  width ="200"  height ="137"  border ="0" >< img  src ="image/5.jpg"  width ="200"  height ="137"  border ="0" ></ div >
     < div  id ="scroll_end"  style ="display:inline;" >
     </ div >
</ DIV >
< SCRIPT >
var speed=1
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</ SCRIPT >
</ body >
</ html >