新浪里抠出来的图片来回切换的新闻展示效果推荐

文章标签: 图片特效
  • :
  • 05-18 15:07
  • :
  • 32次
  • :
  • 0条
  • 2赞

简介和大家分享一个从新浪网里抠出来的图片切换展示的特效,及完整的在线实例演示。l

站长从新浪网里抠出来的一个图片切换轮播展示效果,使用起来非常简单的,可以先看下面的在线实例演示:

新浪里抠出来的图片新闻展示—在线演示

下面站长来教大家如何把这个图片切换展示的特效引入到自己的网页里:

第一步:把flash框架下载保存到自己的网站里:

http://www.aijquery.cn/html/aijquery/inc/flashimg.swf

第二步:定义要展示的图片,及相关的标题、简介等信息:

//定义大图的路径,
var bigPic0 ="1.jpg";
var bigPic1 ="2.jpg";
var bigPic2 =3.jpg";
var bigPic3 ="4.jpg";
//小图路径
var smallPic0 ="s1.jpg";
var smallPic1 ="s2.jpg";
var smallPic2 ="s3.jpg";
var smallPic3 ="s4.jpg";
//大图的点击后的URL
var PicURL0 ="http://www.aijquery.cn";
var PicURL1 ="http://www.aijquery.cn";
var PicURL2 ="http://www.aijquery.cn";
var PicURL3 ="http://www.aijquery.cn";
//标题
var t0="1111";
var t1="2222";
var t2="3333";
var t3="4444";
//描述
var describe0="11111111111……";
var describe1="22222222222222222222……";
var describe2="33333333333333333333333。";
var describe3="4444444444444444444";
//
var t=t0+"[|]"+t1+"[|]"+t2+"[|]"+t3;
var bigPicURL=bigPic0+"[|]"+bigPic1+"[|]"+bigPic2+"[|]"+bigPic3;
var smallPicURL=smallPic0+"[|]"+smallPic1+"[|]"+smallPic2+"[|]"+smallPic3;
var PicURL=PicURL0+"[|]"+PicURL1+"[|]"+PicURL2+"[|]"+PicURL3;
var describe = describe0+"[|]"+describe1+"[|]"+describe2+"[|]"+describe3;

第三步:在要展示的地方直接引入下面代码:

document.write("\
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='535' height='356' ID=FSCommand NAME='focus_one' align='middle'>\
<param name='allowScriptAccess' value='sameDomain' />\
<param name='movie' value='/html/aijquery/inc/flashimg.swf' />\
<param name='FlashVars' value='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"'/>\
<param name='quality' value='high' />\
<param name='bgcolor' value='#ffffff' />\
<embed src='/html/aijquery/inc/flashimg.swf' FlashVars='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"' quality='high' bgcolor='#ffffff' width='535' height='356' name='focus' swLiveConnect='true' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />\
</object>\
");

PS:引入的时候记得把上面第三步里的swf文件的地址换成自己的!!!



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-10-29 19:42:07