电脑热词

电脑桌面壁纸高清 电脑开不了机怎么办 笔记本电脑排名 电脑蓝屏怎么解决 电脑开机黑屏解决方案

电脑怎么重装系统 电脑开机后不显示桌面 平板电脑什么牌子好 电脑没有声音怎么办 笔记本电脑什么牌子好

电脑故障维修大全 电脑密码忘记了怎么办 电脑自动关机是什么原因 电脑店u盘启动盘制作工具 怎么看电脑配置

电脑连不上网解决方案 苹果手机怎么连接到电脑 电脑显示器大全 U盘插电脑没反应 电脑主题或者桌面主题

js幻灯片代码大全:js带文字说明轮显图片

时间:2016年06月11日 主站:万能科技网 发布:电脑技术网 分类:网络知识 编辑:吉祥
电脑技术网导读: js幻灯代码网上很多,但都比较复杂,需要学习的只是很多,搜索网站无意中发现,《js幻灯片代码大全:js带文字说明轮显图片》中的代码,很适合普通程序员使用,格式有点类似于帝国系统自带的js幻灯图片,简洁大方。
  js幻灯代码网上很多,但都比较复杂,需要学习的只是很多,搜索网站无意中发现,《js幻灯片代码大全:js带文字说明轮显图片》中的代码,很适合普通程序员使用,格式有点类似于帝国系统自带的js幻灯图片,简洁大方。
  1、首先建立一个新的文本文档,然后把引用中的代码复制下来粘贴在新建的文本文档空白处,然后点击另存为flash.js文件。

复制以下的代码【但只包含以下代码,本行不能复制】
var widths=279;  //焦点图片宽
var w=0;
var widthss=widths+w;
var heights=180; //焦点图片高
var heightss=heightss+w;
var heightt=0;
var counts=6;    //总条数
//img1=new Image();在这里是声明了一个图片元素的对象
//后面是对图像的属性进行赋值或设置,如imgs.src="xxxx.jpg"是指定图片的索引地址.
//这个代码一般用于head区,用于预加载图片,即加快图片显示.
//只有用new Images()得到的图片IE7才认,
//而IE6和firefox可认得imgUrl[1]="/y9q9ms7lbgbt.jpg";得到的图片
//抗灾、TI最大分销商、DVS6446发布、TI的代理商身份、Xilinx大学计划。


img1=new Image();img1.src='images/3.jpg';
url1=new Image();url1.src='http://www.wndhw.com/';
txt1=new Image();txt1.txt='万能导航网';


img2=new Image();img2.src='images/2.jpg';
url2=new Image();url2.src='http://www.wndhw.com/';
txt2=new Image();txt2.txt='万能导航网';


img3=new Image();img3.src='images/1.jpg';
url3=new Image();url3.src='http://www.wndhw.com/';
txt3=new Image();txt3.txt='万能导航网';


img4=new Image();img4.src='images/1.jpg';
url4=new Image();url4.src='http://www.wndhw.com/';
txt4=new Image();txt4.txt='万能导航网';


img5=new Image();img5.src='images/1.jpg';
url5=new Image();url5.src='http://www.wndhw.com/';
txt5=new Image();txt5.txt='万能导航网';


img6=new Image();img6.src='images/1.jpg';
url6=new Image();url6.src='http://www.wndhw.com/';
txt6=new Image();txt6.txt='万能导航网';

               
var nn=1; //当前所显示的滚动图
var key=0;  //标识是否为第一次开始执行
var tt;  //标识作用

function change_img()
{
if(key==0){key=1;} //如果第一次执行KEY=1,表示已经执行过一次了。
else if(document.all)//document.all仅IE6/7认识,firefox不会执行此段内容
{
document.getElementById("pic").filters[0].Apply(); //将滤镜应用到对像上
document.getElementById("pic").filters[0].Play(duration=2);  //开始转换
document.getElementById("pic").filters[0].Transition=23;//转换效果
}

eval('document.getElementById("pic").src=img'+nn+'.src');   //替换图片
eval('document.getElementById("url").href=url'+nn+'.src'); //替换URL
eval('document.getElementById("title").value=txt'+nn+'.txt'); //替换ALT

for (var i=1;i<=counts;i++)
{
  document.getElementById("xxjdjj"+i).className='axx';   //将下面黑条上的所有链接变为未选中状态
}
document.getElementById("xxjdjj"+nn).className='bxx';    //将当前页面的ID设置为选中状态
nn++;
if(nn>counts){nn=1;}  //如果ID大于总图片数量。则从头开始循环
tt=setTimeout('change_img()',7000);  //在4秒后重新执行change_img()方法.
}
function changeimg(n)//点击黑条上的链接执行的方法。
{
nn=n; //当前页面的ID等于传入的N值,
window.clearInterval(tt); //清除用于循环的TT
//重新执行change_img();但change_img()内所调用的图片ID已经在此处被修改,会从新ID处开始执行.
change_img();
}
//样式表
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;font-size:12px;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#ff0000;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#ff0000;}');
document.write('</style>');
//内容部分
document.write('<div style="width:'+widthss+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;float:left;">');
document.write('<div><a id="url" target="_blank"><img id="pic" style="border:0px #cbcbcb solid;FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=2,transition=23)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=90);background: #888888;width:100%-10px;text-align:right;top:-14px;position:relative;margin:1px;height:14px;border:0px;padding-top:1px;z-index:1;"><div>');
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div></div>');
document.write('<div align=center><input id="title" type="txt" style="height:20px;background-color:#fff;border:0px solid #f2f6fb;width:'+widthss+'px;color:#4b8b2b;font-size:9pt;position:relative;line-height:20px;text-align:center;"></div>');
//document.write('</div>');
//开始执行滚动操作
change_img();

  2、引用时可以采用如下的格式,其中【src=】就是引用js的相对地址或者绝对地址:
<script language="JavaScript" type="text/javascript" src="img/css/flash.js"></script>
万能科技网提醒: 文章首发万能科技网 转载请注明出处。

栏目推荐

中华酒文化网 生男生女网 网站运营网 健康保健大全 健康知识大全 健康饮食大全 健康食谱大全 精品菜谱大全 健康减肥大全 惠普官方网 戴尔官方网

人体艺术网址 时尚杂志网 星相命理站 健康网址大全 图片网址大全 军事网址大全 美食网站地图 域名注册网站 幽默笑话大全 体育运动站 艺术爱好网

女性女人网站 明星美女网 美女写真集 网站建设教程 软件下载网址 健康饮食网站 幽默笑话大全 大文学小说网 百姓生活网站 旅游攻略网 教育培训网