电脑热词

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

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

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

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

js幻灯片代码大全:不含标题的js幻灯片代码

时间:2016年06月11日 主站:万能科技网 发布:电脑技术网 分类:网络知识 编辑:吉祥
电脑技术网导读: Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。
1新建一个txt文本文档,重命名为1.js文件
  JS文件即将Javascript脚本放入一个文件类并以js扩展名命名一种文本脚本,如CSS 文件一样被放入一个文件内。可以说JS文件是网页Java Script客户端脚本文件。
  一般JS文件可以使用记事本打开 方法-->桌面右击鼠标-->打开方式-->记事本 ,打开后,写入如下代码:

var widths=262;

var heights=206;

var counts=6;

img1=new Image ();img1.src='./20.jpg';

img2=new Image ();img2.src='./21.jpg';

img3=new Image ();img3.src='./2.jpg';

img4=new Image ();img4.src='./2.jpg';

img5=new Image ();img5.src='./2.jpg';

img6=new Image ();img6.src='./2.jpg';

url1=new Image ();url1.src='';

url2=new Image ();url2.src='';

url3=new Image ();url3.src='';

url4=new Image ();url4.src='';

url5=new Image ();url5.src='';

url6=new Image ();url6.src='';

//webjx.com

var nn=1;

var key=0;

function change_img()

{if(key==0){key=1;}

else if(document.all)

{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}

eval('document.getElementById("pic").src=img'+nn+'.src');

eval('document.getElementById("url").href=url'+nn+'.src');

for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}

document.getElementById("xxjdjj"+nn).className='bxx';

nn++;if(nn>counts){nn=1;}

tt=setTimeout('change_img()',4000);}

function changeimg(n){nn=n;window.clearInterval(tt);change_img();}

document.write('<style>');

document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');

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:#D34600;}');

document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');

document.write('</style>');

document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');

document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');

document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');

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>');

change_img();

注意

img1=new Image ();img1.src='./20.jpg';

img2=new Image ();img2.src='./21.jpg';

img3=new Image ();img3.src='./2.jpg';

img4=new Image ();img4.src='./2.jpg';

img5=new Image ();img5.src='./2.jpg';

img6=new Image ();img6.src='./2.jpg';

src='' 中的内容就是以幻灯片形式切换的图片路径,他们支应切换时的脚标,要把图片放到js的当前路径目录下

2把制作的JS网页,添加到网页上的步骤:

  保存文件,新建HTML文档,命名为1.html

  加入一行代码 <Script src="1.js"></Script>,保存文件,而后用浏览器打开,

万能科技网提醒: 文章首发万能科技网 转载请注明出处。

栏目推荐

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

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

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