当前位置: 王朝网络 >> other >> 图片加文字说明PPT效果

图片加文字说明PPT效果

王朝other·作者佚名 2008-05-31

效果不错的图片切换特效，太平洋女性网图片特效，终于扒出来了！！如果有喜欢的就留着用吧！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>太平洋女性网图片展示特效代码knowsky.com编辑</title>

<!--

/*焦点图切换*/

#f_div{width:325px; height:225px; margin:0 auto; overflow:hidden;}

#f_imgDiv{width:100%; height:225px; overflow:hidden;}

#f_img{filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); border:0;}

#f_infoDiv{width:16px;top:-115px; left:305px; height:120px; position:relative;}

#f_buttonDiv{width:12px; height:160px; overflow:hidden; text-align:left;}

#f_buttonDiv div{width:1px;height:7px; overflow:hidden;}

#f_buttonDiv .bg{width:12px; height:12px; background:#666; float:right; filter:Alpha(Opacity=40); overflow:hidden;}

#f_buttonDiv a{width:12px;height:12px;line-height:13px;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;display:block;overflow:hidden;text-decoration:none;position:absolute;}

#f_buttonDiv a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{color:#FFF;}

#f_buttonDiv a:hover{background:#DE97B7;color:#fff;}

#f_buttonDiv a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#D285A7;}

#f_buttonDiv a.on:hover{background:#DE97B7;}

#f_text{height:26px; line-height:26px; overflow:hidden;text-align:left; font-weight:bold; background:url(http://www.pclady.com.cn/images/07/jt7.gif) no-repeat 10px 8px; text-indent:20px;}

#f_text a:link,#f_text a:visited,#f_text a:active{color:#000;text-decoration: none;}

#f_text a:hover{color:#FF6600;text-decoration: none;}

body {background: #fff;margin: 0px; font-size:12px;}

.f14 {font-size:14px;}

a:link,a:visited,a:active{color:#000;text-decoration: none;}

a:hover{ color:#E64393;text-decoration: none;}

.white a:link,.white a:visited,.white a:active{color:#FFFFFF;text-decoration: none;}

.white a:hover{ color:#FFFFFF;text-decoration: none;}

.white2,.white2 a:link,.white2 a:visited,.white2 a:active{color:#FFF;text-decoration: none;}

.white2 a:hover{ color:#000;text-decoration: none;}

.gray2,.gray2 a:link,.gray2 a:visited,.gray2 a:active{color:#000;text-decoration: none;}

.gray2 a:hover{ color:#E64393;text-decoration: none;}

.green,.green a:link,.green a:visited,.green a:active{color:#008100;text-decoration: none;}

.green a:hover{ color:#E64393;text-decoration: none;}

#body1_1_1 {float: left;width: 333px;background-color: #F1F1F1;border-left: #D4D4D4 solid 2px;}

#body1_1_1_a {height: 226px;width: 325px;margin: 4px 0 0 4px;}

-->

</style>

</head>

<body>

</div>

//可修改区域

var imgWidth=325;

var imgHeight=225;

var _timeOut_=5000;

var show_text = true; //是否显示焦点文字

var timeOut=_timeOut_;

var timeOut2=_timeOut_/2;//onmouseout img后需要切换的时间

var now=0; //第一张图

var target="_blank"; //打开方式

var button_on ='on'; //当前焦点对应按钮的样式名

var button_off ='';//非当前焦点对应按钮的样式名

//不可修改区域

var imgUrl = new Array();

var imgText = new Array();

var imgLink = new Array();

var imgAlt= new Array();

//var menuList = new Array();//菜单menu

var ver=2; //兼容浏览器版本默认2 为非ie

var firstTime=true;

var n =-1;

imgUrl[++n]='http://www.pclady.com.cn/fitness/sx/stern/images/picpath/555.jpg';

imgText[n]='<a href="http://www.knowsky.com" target="_blank">20招做个“电臀”美女</a>';