设为首页
|
加入收藏
您好,欢迎来到点滴吧!
手机版
www.diandiba.com
记录点点滴滴,尽在点滴吧
文章
文章
特效
素材
景点
首页
手机
建站
源码
服务器
生活
常识
健康
美食
美容
旅游
景点
攻略
游记
特产
知识
笑话
名句
散文
故事
编程
ASP
PHP
.NET
SQL
软件
Office
QQ
Photoshop
特效
幻灯片
图片相册
播放器
素材
图片
PSD素材
网页模板
您现在的位置:
首页
>
幻灯片
> 特效详情
JavaScript+Flash制作常用的焦点图片广告代码
更新时间:2015/1/24 2:02:08 下载:4070次
<html> <head> <title>JavaScript+Flash制作常用的焦点图片广告代码</title> </head> <body> <div align="center"> <script type=text/javascript> var pic_width=500; //图片宽度 var pic_height=375; //图片高度 var button_pos=4; //按扭位置 1左 2右 3上 4下 var stop_time=3000; //图片停留时间(1000为1秒钟) var show_text=1; //是否显示文字标签 1显示 0不显示 var txtcolor="000000"; //文字色 var bgcolor="DDDDDD"; //背景色 var imag=new Array(); var link=new Array(); var text=new Array(); imag[1]="http://www.diandiba.com/Upload/14217362159414671.jpg"; link[1]="http://www.diandiba.com/"; text[1]="标题 1"; imag[2]="http://www.diandiba.com/Upload/14217373224666929.jpg"; link[2]="http://www.diandiba.com/"; text[2]="标题 2"; imag[3]="http://www.diandiba.com/Upload/14216802708486052.jpg"; link[3]="http://www.webdm.cn/"; text[3]="标题 3"; imag[4]="http://www.diandiba.com/Upload/14216793891974454.jpg"; link[4]="http://www.diandiba.com/"; text[4]="标题 4"; imag[5]="http://www.diandiba.com/Upload/20150105001923393.jpg"; link[2]="http://www.diandiba.com/"; text[5]="标题 5"; //可编辑内容结束 var swf_height=show_text==1?pic_height+20:pic_height; var pics="", links="", texts=""; for(var i=1; i<imag.length; i++){ pics=pics+("|"+imag[i]); links=links+("|"+link[i]); texts=texts+("|"+text[i]); } pics=pics.substring(1); links=links.substring(1); texts=texts.substring(1); document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'">'); document.write('<param name="movie" value="http://www.diandiba.com/Upload/14220364302645170.swf">'); document.write('<param name="quality" value="high"><param name="wmode" value="opaque">'); document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'">'); document.write('<embed src="http://www.diandiba.com/Upload/14220364302645170.swf" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); </script> </div> </body> </html>
预览效果
复制代码
保存代码
提示:可以先修改部分代码后再运行
上一个素材:
漂亮带缩略图的漂亮四屏FLASH焦点图
下一个素材:
jQuery大屏图片幻灯片代码
相关特效
带文字说明的js幻灯片代码
JS、jQuery分别获取选中的
jQuery按钮控制图片切换焦
jQuery手机图片全屏滑动轮
导航分类
热门文章
1
jQuery大屏图片幻灯片代码
2
带文字说明的js幻灯片代码
3
jQuery按钮控制图片切换焦点图
4
JS、jQuery分别获取选中的复选
5
jQuery手机图片全屏滑动轮播效
6
漂亮带缩略图的漂亮四屏FLASH
7
JavaScript+Flash制作常用的焦
8
常用flash图片幻灯代码
关于我们
|
联系我们
|
免责声明
|
网站地图
|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2