图片幻灯片特效(各种效果比较全)[网页特效]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN"><META http-equiv="Content-Type" content="text/html; charset=GB2312">

/* Rule 2 of embedded stylesheet */

TD {

FONT-SIZE: 12px

}

/* Rule 3 of embedded stylesheet */

TR {

FONT-SIZE: 12px

}

/* Rule 1 of embedded stylesheet */

TABLE {

FONT-SIZE: 12px

}

/* Rule 51 of embedded stylesheet */

.main TABLE {

CLEAR: both

}

/* Rule 7 of embedded stylesheet */

DIV {

FONT-SIZE: 12px

}

/* Rule 52 of embedded stylesheet */

.bg {

BACKGROUND: url(http://www.pclady.com.cn/images/06/0831pclady_13.gif) #fff repeat-y right 50%;

FLOAT: left

}

/* Rule 50 of embedded stylesheet */

.main {

CLEAR: both;

MARGIN: 0px auto;

WIDTH: 1000px

}

/* Rule 10 of embedded stylesheet */

BODY {

PADDING-RIGHT: 0px;

PADDING-LEFT: 0px;

BACKGROUND: #000;

PADDING-BOTTOM: 0px;

MARGIN: 0px;

PADDING-TOP: 0px;

TEXT-ALIGN: center

}

/* Rule 121 of embedded stylesheet */

#line_lay {

FLOAT: right;

OVERFLOW: hidden;

WIDTH: 559px;

HEIGHT: 190px

}

/* Rule 123 of embedded stylesheet */

#line_lay .line_content {

DISPLAY: none;

BACKGROUND: #d3d3d3;

FLOAT: left;

MARGIN-LEFT: 1px;

WIDTH: 360px;

HEIGHT: 190px

}

/* Rule 14 of embedded stylesheet */

A:link {

COLOR: #000;

TEXT-DECORATION: none

}

/* Rule 13 of embedded stylesheet */

A IMG {

BORDER-RIGHT: 0px;

BORDER-TOP: 0px;

BORDER-LEFT: 0px;

BORDER-BOTTOM: 0px

}

/* Rule 100 of embedded stylesheet */

.l24 {

LINE-HEIGHT: 24px

}

/* Rule 90 of embedded stylesheet */

.c4 {

COLOR: #4e3c29

}

/* Rule 99 of embedded stylesheet */

.l22 {

LINE-HEIGHT: 22px

}

/* Rule 85 of embedded stylesheet */

.f12b {

FONT-WEIGHT: bolder;

FONT-SIZE: 12px

}

/* Rule 122 of embedded stylesheet */

#line_lay .title {

FONT-WEIGHT: bold;

FLOAT: left;

MARGIN-LEFT: 1px;

WIDTH: 24px;

CURSOR: hand;

LINE-HEIGHT: 16px;

PADDING-TOP: 25px;

HEIGHT: 190px;

TEXT-ALIGN: center

}

/* Rule 129 of embedded stylesheet */

#line6 {

BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__47.gif) #f2e2c7 no-repeat 50% top;

COLOR: #ff9600

}

/* Rule 127 of embedded stylesheet */

#line4 {

BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__43.gif) #eac6d4 no-repeat 50% top;

COLOR: #c3356d

}

/* Rule 128 of embedded stylesheet */

#line5 {

BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__45.gif) #c5dbe6 no-repeat 50% top;

COLOR: #006bbe

}

/* Rule 126 of embedded stylesheet */

#line3 {

BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__47.gif) #ece0c1 no-repeat 50% top;

COLOR: #b88a16

}

/* Rule 125 of embedded stylesheet */

#line2 {

BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__38.gif) #e0cee2 no-repeat 50% top;

COLOR: #9e01b1

}

/* Rule 124 of embedded stylesheet */

#line_lay #line1 {

BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__36.jpg);

WIDTH: 68px;

CURSOR: hand;

HEIGHT: 190px

}

</STYLE></HEAD>

<BODY>

</DIV>

</A>

</SCRIPT>

</DIV>

美丽地图

</DIV>

</A>

<TBODY>

<TR>

<TBODY>

<TR>

<TD>

</TD>

</TR>

</TBODY>

</TABLE>

<TBODY>

<TR>

<IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="典范造型因为专业所以美丽" href="http://www.knowsky.com" target="_blank">[上海]典范造型缘于专业</A><BR />

</TD>

</TR>

<TR>

如果您总是先选择发型师，再选择美发店，那么这……

</TD>

</TR>

<TR>

</TD>

</TR>

<TR>

·<A title="奥龙堡--让运动快乐起来" href="http://www.knowsky.com" target="_blank">[广州]奥龙堡运动起来</A><BR />·<A title="青鸟健身你我的健康新时尚" href="http://www.knowsky.com" target="_blank"><SPAN style="COLOR: #ff0000">[广州]青鸟健身新时尚</SPAN></A><BR />·<A title="安索瑜珈释放心灵品味生活" href="http://www.knowsky.com" target="_blank">[广州]安索瑜珈释放心灵</A><BR />

</TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

非常食尚

</DIV>

</A>

<TBODY>

<TR>

<TBODY>

<TR>

<TD>

</TD>

</TR>

</TBODY>

</TABLE>

<TBODY>

<TR>

</TD>

</TR>

<TR>

进入露纳餐厅，四处看看，不论是大厅还是包房……

</TD>

</TR>

<TR>

</TD>

</TR>

<TR>

·<A title="Pasti 意大利菜香气缠绵" href="http://www.knowsky.com" target="_blank">[上海]Pasti意菜香气缠绵</A><BR />·<A title="在全罗道尽享辛辣乐趣 " href="http://www.knowsky.com" target="_blank">[上海]全罗道享辛辣乐趣 </A><BR />·<A title="印度小厨品味食之魅" href="http://www.knowsky.com" target="_blank"><SPAN style="COLOR: #ff0000">[上海]印度小厨食之魅</SPAN></A><BR />

</TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

最IN<BR />去处

</DIV>

</A>

<TBODY>

<TR>

<TBODY>

<TR>

<TD>

</TD>

</TR>

</TBODY>

</TABLE>

<TBODY>

<TR>

<IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="INMOST燕慕灵秀江南旗袍" href="http://www.knowsky.com" target="_blank">[上海]燕慕的江南旗袍</A><BR />

</TD>

</TR>

<TR>

今天为大家介绍的这家“燕慕”中装定制店，设在……

</TD>

</TR>

<TR>

</TD>

</TR>

<TR>

·<A title="溢香坊演绎中国式性感" href="http://www.knowsky.com" target="_blank"><SPAN style="COLOR: #ff0000">[上海]溢香坊中国式性感</SPAN></A><BR />·<A title="迷你韩国城新装优雅版" href="http://www.knowsky.com" target="_blank">[上海]迷你韩国城新款春装</A><BR />·<A title="心乐坊香港饰品款款撩人" href="http://www.knowsky.com" target="_blank">[上海]心乐坊饰品款款撩人</A><BR />

</TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

美丽新娘

</DIV>

</A>

<TBODY>

<TR>

<TBODY>

<TR>

<TD>

</TD>

</TR>

</TBODY>

</TABLE>

<TBODY>

<TR>

<IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="Eve&Anna 派对达人新衣经" href="http://www.knowsky.com" target="_blank">Eve&Anna私人礼服定制</A><BR />

</TD>

</TR>

<TR>

“每个女人的衣橱里，应该有一件真正属于她的礼……

</TD>

</TR>

<TR>

</TD>

</TR>

<TR>

·<A title="香若尔服装的奢华礼遇" href="http://www.knowsky.com" target="_blank">香若尔服装的奢华礼遇</A><BR />·<A title="丽多坊打造公主般的美丽新娘" href="http://www.knowsky.com" target="_blank"><SPAN style="COLOR: #ff0000">丽多坊打造公主式新娘</SPAN></A><BR />·<A title="巴黎婚纱美丽新娘" href="http://www.pclady.com.cn/dress/zq/bride/" target="_blank">巴黎婚纱之漂亮新娘</A><BR />

</TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

城市心漫游

</DIV>

</A>

<TBODY>

<TR>

<TBODY>

<TR>

<TD>

</TD>

</TR>

</TBODY>

</TABLE>

<TBODY>

<TR>

<IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="北京人12种新不文明现象大揭露" href="knowsky.com" target="_blank">北京人12种新不文明现象</A><BR />

</TD>

</TR>

<TR>

咱们北京的随地吐痰现象令许多外国人惊讶。记得……

</TD>

</TR>

<TR>

</TD>

</TR>

<TR>

·<A title="揭秘王小丫生活照随意自然宛如邻家女孩(组图)" href="http://www.knowsky.com" target="_blank">隐私！揭秘王小丫私生活照</A><BR />·<A title="北京公布12个盗车贼最爱光顾地区" href="http://www.knowsky.com" target="_blank">北京12个盗车贼最爱光顾地</A><BR />·<A title="正在被北京抛弃的北京人" href="http://www.knowsky.com" target="_blank">正在被北京抛弃的北京人</A><BR />

</TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

</DIV>

var timeout2=7000; //切换时间

var timeout3=10000; //mouse over 后切换时间

var now_content=1;

var total_content=6;

var way=1;

var start_content=Math.round(Math.random()*(total_content-1))+1; //除广告为第一显示外

function content_mouse(num){

now_content=num;

window.clearInterval(theTimer2);

for (var i=1;i<=total_content;i++){

document.getElementById('line_content'+i).style.display='none';

}

document.getElementById('line_content'+num).style.display='block';

theTimer2=setTimeout('change_content()', timeout3);

}

function change_content(){

for (var i=1;i<=total_content;i++){

document.getElementById('line_content'+i).style.display='none';

}

document.getElementById('line_content'+now_content).style.display='block';

if (way) now_content++;

else now_content--;

if(now_content>total_content) {now_content=total_content-1;way=0;}

else if(now_content==0) {now_content=1;way=1;}

theTimer2=setTimeout('change_content()', timeout2);

}

theTimer2=setTimeout(function(){now_content=start_content;change_content();}, timeout2);

</SCRIPT>

</BODY></HTML>