Javascript 幻灯片制作(一)
最近《Javascript DOM编程艺术》也快看得差不多了,觉得自己的速度还是比较快。不过还不清楚自己到底入门没有、一直很想自己用纯javascript编写一个幻灯片。
今天开始第一步,先写一些基础代码出来Javascipt:
function getSlideshowInfo() { var imageList = document.getElementById('imageList'); var img = imageList.getElementsByTagName('img'); var a = imageList.getElementsByTagName('a'); var info = { 'url': [], 'title': [], 'imageSrc': [], 'imageAlt': [] }//这句很妙,是G+上面+Great Han教我的,原来我只是重复声明了四个空数组 这个是一个对象 for (var i = 0; i < a.length; i++) { info['url'][i] = a[i].getAttribute('href'); info['title'][i] = a[i].getAttribute('title'); } for (var i = 0; i < img.length; i++) { info['imageSrc'][i] = img[i].getAttribute('src'); info['imageAlt'][i] = img[i].getAttribute('alt'); } return info; }
其实上面的函数很简单,就是提取页面中的一些信息,然后保存到一个多维数组里面。可是当这代码出自自己的手上时,再简单的代码也折腾得津津有味~
构造函数党飘过…
其实, 幻灯片用纯js写很不划算的, lol
Javascript居然可以面向对象编程哇?好高级的东东哦。其实也许你误解我的意思了我说的纯Js就是不用Jquery框架、直接用js、加基本的HTML、加CSS写一个幻灯片、哈哈。
…我还没开始学JQ的。
把学习看作是一种乐趣,而不是负担。。。我学JS,全凭一时兴趣/
虽然看不懂,但还是来支持下!
谢谢支持/
太NX了。这么快就看完一本书了啊。。
嘿嘿,其实这本书只有300页。讲解的都是JS入门的东东,我以前也学过Js不过没有耐心没有坚持。。现在是重新入门。速度那还是得有的。。。
那这速度也是杠杠的啊。我看CSS就看得很慢。
放个预览来看。
卡住了,还没写出来。纠结、
自己写的东西,在简单也觉得有知有味。
就是、可是写不出来的时候很纠结、
呵呵,不错啊,很喜欢啊
写成DEMO不是更好嘛
Demo还木有写出来。。哭
一直记把这个玉米记成verybus,忘记一点儿
囧、以后实在记不到Google、百度直接搜“非常巴适”,俺的这个关键字还是排第一滴、哈哈…
自己写,很有成就感的!呵呵!
兄弟不错!顶一下!
嗯 写得好
好文章,内容字字珠玉.禁止此消息:nolinkok@163.com
不错的文章,内容远见卓识.禁止此消息:nolinkok@163.com
好文章,内容欢风华丽.禁止此消息:nolinkok@163.com
好文章,内容才高八斗.禁止此消息:nolinkok@163.com
好文章,内容无与伦比.禁止此消息:nolinkok@163.com
不错的文章,内容栩栩如生.禁止此消息:nolinkok@163.com
好文章,内容博学多才.禁止此消息:nolinkok@163.com
好文章,内容惟妙惟肖.禁止此消息:nolinkok@163.com
好文章,内容学富五车.禁止此消息:nolinkok@163.com