实例介绍
【实例简介】
学习web前端开发中搜集的一些，js、jquery、css实现的web脚本。在需要的时候可以找找借鉴借鉴。
【实例截图】
【核心代码】
20419aac-1a8a-4b21-bfb4-cac7915ceec7
└── js脚本
├── CSS+JS滚动图片功能代码
│ ├── code.htm
│ ├── scrollad_1.gif
│ ├── scrollad_2.gif
│ ├── scrollad_3.gif
│ ├── scrollad_4.gif
│ ├── wall1.jpg
│ ├── wall2.jpg
│ └── wall3.jpg
├── CSS使用图片完美修饰的全兼容圆角框
│ ├── code.htm
│ └── topl.gif
├── CSS制作的类似相册浏览的功能
│ ├── code.htm
│ ├── photo01.gif
│ ├── photo02.gif
│ ├── photo02 - 副本.gif
│ ├── photo03.gif
│ ├── photo04.gif
│ ├── photo05.gif
│ ├── photo06.gif
│ ├── photo06 - 副本.gif
│ ├── photo07.gif
│ ├── photo08.gif
│ ├── photo09.gif
│ └── urchin.js
├── CSS完成神奇创意的相框
│ ├── 01.png
│ ├── 02.png
│ ├── 03.png
│ ├── code.htm
│ └── wall8.jpg
├── CSS实现自适应的图片背景边框
│ ├── 11.jpg
│ ├── 1.jpg
│ ├── code.htm
│ └── tr.gif
├── CSS将图片自动变为圆角
│ ├── code.htm
│ ├── head_bg.png
│ └── wall_s3.jpg
├── CSS强制等比例缩小图片
│ ├── 22.png
│ ├── code.htm
│ └── wall5.jpg
├── igorescobar-jgallery-70db9f6
│ ├── about.html
│ ├── css
│ │ ├── jgallery.css
│ │ └── sample.css
│ ├── galeria
│ │ ├── 123.png
│ │ ├── image-1.jpg
│ │ ├── image-2.jpg
│ │ ├── image-3.jpg
│ │ ├── image-4.jpg
│ │ ├── image-5.jpg
│ │ ├── image-6.jpg
│ │ ├── thumb-1.jpg
│ │ ├── thumb-2.jpg
│ │ ├── thumb-3.jpg
│ │ ├── thumb-4.jpg
│ │ ├── thumb-5.jpg
│ │ └── thumb-6.jpg
│ ├── images
│ │ ├── arrow-left.gif
│ │ ├── arrow-right.gif
│ │ ├── close.gif
│ │ ├── loading.gif
│ │ ├── next.gif
│ │ └── prev.gif
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ ├── jgallery.js
│ │ └── jquery-1.4.2.min.js
│ ├── README.md
│ └── 脚本下载（广告代码）.html
├── Javascript 仿Flash图片轮翻
│ ├── code.htm
│ ├── wall3.jpg
│ ├── wall4.jpg
│ └── wall5.jpg
├── JavaScript动态控制图片透明度的变化
│ ├── code.htm
│ └── logo.gif
├── JavaScript图片放大
│ ├── code.htm
│ └── wall6.jpg
├── JavaScript 图片滚动（绝对酷）
│ ├── ca_hz_002.gif
│ ├── code.htm
│ ├── olyready_bg_cl_001.gif
│ ├── olyready_bg_cl_002.gif
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── JavaScript图片特效
│ ├── code.htm
│ ├── wall8.jpg
│ └── wall9.jpg
├── JavaScript图片预加载代码，显示loading
│ ├── code.htm
│ ├── wall8.jpg
│ └── wall9.jpg
├── JavaScript改变图片透明度，鼠标放上渐渐显示
│ ├── code.htm
│ ├── wall_s5.jpg
│ └── wall_s6.jpg
├── JavaScript 生成弹性透明的图片放大代码
│ ├── code.htm
│ ├── wall6.jpg
│ ├── wall7.jpg
│ └── wall8.jpg
├── JavaScript 由左向右的图片渐变过渡
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ └── code.htm
├── JavaScript真正的鼠标放上动画加载大图的
│ ├── code.htm
│ ├── wall6.jpg
│ ├── wall7.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── jquery-accordion
│ ├── demo
│ │ ├── AccordionTab0.gif
│ │ ├── AccordionTab2.gif
│ │ ├── bg.gif
│ │ ├── collapsed.gif
│ │ ├── css
│ │ │ ├── flora.accordion.css
│ │ │ └── i
│ │ │ ├── accordion-left-act.png
│ │ │ ├── accordion-left-over.png
│ │ │ ├── accordion-left.png
│ │ │ ├── accordion-middle-act.png
│ │ │ ├── accordion-middle-over.png
│ │ │ ├── accordion-middle.png
│ │ │ ├── accordion-right-act.png
│ │ │ ├── accordion-right-over.png
│ │ │ └── accordion-right.png
│ │ ├── demo.css
│ │ ├── expanded.gif
│ │ ├── index.html
│ │ └── nested.html
│ ├── jquery.accordion.js
│ ├── jquery.accordion.min.js
│ ├── jquery.accordion.pack.js
│ ├── lib
│ │ ├── chili-1.7.pack.js
│ │ ├── jquery.dimensions.js
│ │ ├── jquery.easing.js
│ │ └── jquery.js
│ └── test
│ ├── index.html
│ ├── leak.html
│ ├── test.js
│ ├── testrunner.js
│ └── testsuite.css
├── JQueryElementDemo
│ ├── about.htm
│ ├── ajaxdatatype
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ └── webservice.asmx
│ ├── ajaxmanager
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ └── handler.ashx
│ ├── App_Code
│ │ ├── ajaxdatatype_webservice.cs
│ │ ├── repeater_product.cs
│ │ ├── repeater_webservice.cs
│ │ ├── returnjson_webservice.cs
│ │ ├── SampleDS.xsd
│ │ ├── SampleDS.xss
│ │ ├── SampleHelper.cs
│ │ ├── timer_webservice.cs
│ │ └── validator_webservice.cs
│ ├── App_Data
│ │ ├── Sample.mdb
│ │ └── Sample.xml
│ ├── autocomplete
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── Google1.aspx
│ │ ├── Google1.aspx.cs
│ │ └── google_getitem.ashx
│ ├── Bin
│ │ ├── System.Web.Extensions.dll
│ │ ├── zoyobar.shared.panzer.JQueryElement.dll
│ │ ├── zoyobar.shared.panzer.JQueryElement.dll.refresh
│ │ └── zoyobar.shared.panzer.JQueryElement.XML
│ ├── css
│ │ ├── main.css
│ │ └── smoothness
│ │ ├── images
│ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ ├── ui-bg_flat_75_ffffff_40x100.png
│ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ │ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ │ ├── ui-bg_glass_75_dadada_1x400.png
│ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ │ │ ├── ui-icons_222222_256x240.png
│ │ │ ├── ui-icons_2e83ff_256x240.png
│ │ │ ├── ui-icons_454545_256x240.png
│ │ │ ├── ui-icons_888888_256x240.png
│ │ │ └── ui-icons_cd0a0a_256x240.png
│ │ └── jquery-ui-1.8.15.custom.css
│ ├── Default.aspx
│ ├── Default.aspx.cs
│ ├── ExecuteQuery.aspx
│ ├── ExecuteQuery.aspx.cs
│ ├── JE-XHTML.aspx
│ ├── JE-XHTML.aspx.cs
│ ├── JQueryElementBase.aspx
│ ├── JQueryElementBase.aspx.cs
│ ├── JQueryElementTest.rar
│ ├── js
│ │ ├── jquery-1.6.2.min.js
│ │ ├── jquery-ui-1.8.15.custom.min.js
│ │ └── jquery.ui.datepicker-zh-CN.js
│ ├── panzer.license.txt
│ ├── progressbar
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── userinfo1.ashx
│ │ ├── UserInfo1.aspx
│ │ └── UserInfo1.aspx.cs
│ ├── repeater
│ │ ├── BookList1.aspx
│ │ ├── BookList1.aspx.cs
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── EMailList1.aspx
│ │ ├── EMailList1.aspx.cs
│ │ ├── Google1.aspx
│ │ ├── Google1.aspx.cs
│ │ ├── ManageOrder1.aspx
│ │ ├── ManageOrder1.aspx.cs
│ │ ├── ManageStudent1.aspx
│ │ ├── ManageStudent1.aspx.cs
│ │ ├── person.ashx
│ │ ├── PersonList1.aspx
│ │ ├── PersonList1.aspx.cs
│ │ ├── product.asmx
│ │ ├── ProductList1.aspx
│ │ ├── ProductList1.aspx.cs
│ │ ├── QQMail1.aspx
│ │ ├── QQMail1.aspx.cs
│ │ └── webservice.asmx
│ ├── returnjson
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── handler.ashx
│ │ └── webservice.asmx
│ ├── Storage.aspx
│ ├── Storage.aspx.cs
│ ├── timer
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── NewEMail1.aspx
│ │ ├── NewEMail1.aspx.cs
│ │ └── webservice.asmx
│ ├── uploader
│ │ ├── 11.mp3
│ │ ├── Air Supply - All Out Of Love.mp3
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── FileUpload.aspx
│ │ ├── FileUpload.aspx.cs
│ │ ├── getprec.ashx
│ │ ├── photo.jpg
│ │ ├── UploadMyPhoto1.aspx
│ │ └── UploadMyPhoto1.aspx.cs
│ ├── validator
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── webservice.asmx
│ │ ├── WeiboRegister1.aspx
│ │ └── WeiboRegister1.aspx.cs
│ ├── Web.2.config
│ ├── Web.3.5.config
│ ├── Web.3.config
│ ├── Web.4.config
│ └── Web.config
├── jquery相册
│ ├── about.html
│ ├── ajax.txt
│ ├── example
│ │ ├── 1_b.jpg
│ │ ├── 1_s.jpg
│ │ ├── 2_b.jpg
│ │ ├── 2_s.jpg
│ │ ├── 3_b.jpg
│ │ ├── 3_s.jpg
│ │ ├── 4_b.jpg
│ │ ├── 4_s.jpg
│ │ └── Thumbs.db
│ ├── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox.png
│ │ ├── fancybox-x.png
│ │ ├── fancybox-y.png
│ │ ├── fancy_close.png
│ │ ├── fancy_loading.png
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── fancy_shadow_e.png
│ │ ├── fancy_shadow_ne.png
│ │ ├── fancy_shadow_n.png
│ │ ├── fancy_shadow_nw.png
│ │ ├── fancy_shadow_se.png
│ │ ├── fancy_shadow_s.png
│ │ ├── fancy_shadow_sw.png
│ │ ├── fancy_shadow_w.png
│ │ ├── fancy_title_left.png
│ │ ├── fancy_title_main.png
│ │ ├── fancy_title_over.png
│ │ ├── fancy_title_right.png
│ │ ├── jquery.easing-1.3.pack.js
│ │ ├── jquery.fancybox-1.3.2.css
│ │ ├── jquery.fancybox-1.3.2.js
│ │ ├── jquery.fancybox-1.3.2.pack.js
│ │ └── jquery.mousewheel-3.0.4.pack.js
│ ├── index.html
│ ├── jquery-1.4.3.min.js
│ ├── style.css
│ └── 新建 文本文档.txt
├── JS+CSS给图片加上鼠标滑过的方框
│ ├── code.htm
│ └── wall_s7.jpg
├── JS卡通图片切换
│ ├── code.htm
│ ├── dragoncat_5OuvU8f1PpAR.jpg
│ ├── haizeiwang_yIdvHnbKRR5Z.jpg
│ ├── lionking_g18UfhueAZlS.jpg
│ ├── maplestory_fGsUHCiylFEk.jpg
│ ├── naruto_zxndhBwQnt1D.jpg
│ └── qianxun_wGdPvRpQAXU7.jpg
├── JS图片切换，带缩略图版
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ └── wall5.jpg
├── JS图片滚动代码（无缝、平滑）
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ └── wall_s6.jpg
├── Js图片连续左右滚动
│ ├── 6637716.gif
│ ├── 6637743.gif
│ ├── code.htm
│ └── wall_s8.jpg
├── Js拖动特效，一串水晶球(很强大)
│ ├── CA2IACOA2.gif
│ ├── CA2IACOA.gif
│ └── code.htm
├── JS放大镜,JavaScript图片放大代码
│ ├── code.htm
│ ├── wall6.jpg
│ └── wall_s6.jpg
├── JS点击小图预览大图（仿淘宝）
│ ├── code.htm
│ ├── wall8.jpg
│ └── wall_s8.jpg
├── nv-box-slider
│ ├── about.html
│ ├── examples
│ │ ├── arrows.png
│ │ ├── leonardo
│ │ │ ├── artillery_park.jpg
│ │ │ ├── boat.jpg
│ │ │ ├── cannons.jpg
│ │ │ ├── crossbow.jpg
│ │ │ ├── flying_machine.jpg
│ │ │ ├── helicopter.jpg
│ │ │ ├── hydraulic_machines.jpg
│ │ │ ├── index.html
│ │ │ ├── leo.css
│ │ │ ├── locks_on_a_river.jpg
│ │ │ ├── machine_for_grinding_lenses.jpg
│ │ │ └── parabolic_compass.jpg
│ │ ├── main.css
│ │ └── turner
│ │ ├── chain_pier_brighton.jpg
│ │ ├── chichester_canal.jpg
│ │ └── grand_junction_canal.jpg
│ ├── index.html
│ ├── jb51.net.txt
│ ├── MIT-LICENCE.txt
│ ├── Rakefile
│ ├── README.mdown
│ ├── src
│ │ ├── horizontal_box_slider.js
│ │ └── jquery.horizontal_box_slider.js
│ ├── tests
│ │ ├── horizontal_box_slider_test.js
│ │ └── index.html
│ └── 脚本下载（广告代码）.html
├── PortfolioZoomSlider
│ ├── cloud-zoom
│ │ ├── cloud-zoom.1.0.2.js
│ │ └── cloud-zoom.css
│ ├── css
│ │ └── style.css
│ ├── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox.png
│ │ ├── fancybox-x.png
│ │ ├── fancybox-y.png
│ │ ├── fancy_close.png
│ │ ├── fancy_loading.png
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── fancy_shadow_e.png
│ │ ├── fancy_shadow_ne.png
│ │ ├── fancy_shadow_n.png
│ │ ├── fancy_shadow_nw.png
│ │ ├── fancy_shadow_se.png
│ │ ├── fancy_shadow_s.png
│ │ ├── fancy_shadow_sw.png
│ │ ├── fancy_shadow_w.png
│ │ ├── fancy_title_left.png
│ │ ├── fancy_title_main.png
│ │ ├── fancy_title_over.png
│ │ ├── fancy_title_right.png
│ │ ├── jquery.easing-1.3.pack.js
│ │ ├── jquery.fancybox-1.3.4.css
│ │ ├── jquery.fancybox-1.3.4.js
│ │ └── jquery.mousewheel-3.0.4.pack.js
│ ├── images
│ │ ├── bg.jpg
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── formstack1.jpg
│ │ ├── formstack2.jpg
│ │ ├── formstack3.jpg
│ │ ├── knowapp1.jpg
│ │ ├── knowapp2.jpg
│ │ ├── knowapp3.jpg
│ │ └── thumbs
│ │ ├── formstack1.jpg
│ │ ├── formstack2.jpg
│ │ ├── formstack3.jpg
│ │ ├── knowapp1.jpg
│ │ ├── knowapp2.jpg
│ │ └── knowapp3.jpg
│ ├── index.html
│ └── js
│ ├── ChunkFive_400.font.js
│ └── cufon-yui.js
├── scrollsomething
│ ├── about.html
│ ├── css
│ │ └── jQuery.scrollSomething-1.0.0.css
│ ├── img
│ │ ├── arrow_next.png
│ │ └── arrow_prev.png
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ └── jQuery.scrollSomething-1.0.0.js
│ └── 脚本下载（广告代码）.html
├── scrollsomething - 副本
│ ├── about.html
│ ├── css
│ │ └── jQuery.scrollSomething-1.0.0.css
│ ├── img
│ │ ├── arrow_next.png
│ │ └── arrow_prev.png
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ └── jQuery.scrollSomething-1.0.0.js
│ └── 脚本下载（广告代码）.html
├── slide-hide
│ ├── about.html
│ ├── images
│ │ ├── application.js
│ │ ├── jquery.js
│ │ ├── jquery.mousewheel.js
│ │ ├── jquery.scrollable-1.0.2.js
│ │ ├── marketin.jpg
│ │ ├── siti-web.jpg
│ │ └── software.jpg
│ ├── index.html
│ ├── jb51.net.txt
│ └── 脚本下载（广告代码）.html
├── thumbnailzoom
│ ├── about.html
│ ├── images
│ │ ├── 10.jpg
│ │ ├── 11.png
│ │ ├── 12.png
│ │ ├── 13.jpg
│ │ ├── 14.png
│ │ ├── 15.jpg
│ │ ├── 16.jpg
│ │ ├── 1.jpg
│ │ ├── 2.jpg
│ │ ├── 3.png
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.png
│ │ ├── 7.jpg
│ │ └── 9.PNG
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ └── jquery.js
│ └── 脚本下载（广告代码）.html
├── uploadf
│ ├── cancel.png
│ ├── check.php
│ ├── com
│ │ └── adobe
│ │ ├── air
│ │ │ └── logging
│ │ │ └── FileTarget.as
│ │ ├── crypto
│ │ │ ├── HMAC.as
│ │ │ ├── MD5.as
│ │ │ ├── MD5Stream.as
│ │ │ ├── SHA1.as
│ │ │ ├── SHA224.as
│ │ │ ├── SHA256.as
│ │ │ └── WSSEUsernameToken.as
│ │ ├── errors
│ │ │ └── IllegalStateError.as
│ │ ├── fileformats
│ │ │ └── vcard
│ │ │ ├── Address.as
│ │ │ ├── Email.as
│ │ │ ├── Phone.as
│ │ │ ├── VCard.as
│ │ │ └── VCardParser.as
│ │ ├── images
│ │ │ ├── BitString.as
│ │ │ ├── JPGEncoder.as
│ │ │ └── PNGEncoder.as
│ │ ├── net
│ │ │ ├── DynamicURLLoader.as
│ │ │ ├── IURIResolver.as
│ │ │ ├── MimeTypeMap.as
│ │ │ ├── proxies
│ │ │ │ └── RFC2817Socket.as
│ │ │ ├── URI.as
│ │ │ └── URIEncodingBitmap.as
│ │ ├── protocols
│ │ │ └── dict
│ │ │ ├── Database.as
│ │ │ ├── Definition.as
│ │ │ ├── Dict.as
│ │ │ ├── DictionaryServer.as
│ │ │ ├── events
│ │ │ │ ├── ConnectedEvent.as
│ │ │ │ ├── DatabaseEvent.as
│ │ │ │ ├── DefinitionEvent.as
│ │ │ │ ├── DefinitionHeaderEvent.as
│ │ │ │ ├── DictionaryServerEvent.as
│ │ │ │ ├── DisconnectedEvent.as
│ │ │ │ ├── ErrorEvent.as
│ │ │ │ ├── MatchEvent.as
│ │ │ │ ├── MatchStrategiesEvent.as
│ │ │ │ └── NoMatchEvent.as
│ │ │ ├── MatchStrategy.as
│ │ │ ├── Response.as
│ │ │ └── util
│ │ │ ├── CompleteResponseEvent.as
│ │ │ └── SocketHelper.as
│ │ ├── serialization
│ │ │ └── json
│ │ │ ├── JSON.as
│ │ │ ├── JSONDecoder.as
│ │ │ ├── JSONEncoder.as
│ │ │ ├── JSONParseError.as
│ │ │ ├── JSONToken.as
│ │ │ ├── JSONTokenizer.as
│ │ │ └── JSONTokenType.as
│ │ ├── utils
│ │ │ ├── ArrayUtil.as
│ │ │ ├── DateUtil.as
│ │ │ ├── DictionaryUtil.as
│ │ │ ├── IntUtil.as
│ │ │ ├── NumberFormatter.as
│ │ │ ├── StringUtil.as
│ │ │ └── XMLUtil.as
│ │ └── webapis
│ │ ├── events
│ │ │ └── ServiceEvent.as
│ │ ├── ServiceBase.as
│ │ └── URLLoaderBase.as
│ ├── example
│ │ ├── cancel.png
│ │ ├── css
│ │ │ ├── default.css
│ │ │ ├── _notes
│ │ │ │ └── dwsync.xml
│ │ │ └── uploadify.css
│ │ ├── index.php
│ │ ├── _notes
│ │ │ └── dwsync.xml
│ │ └── scripts
│ │ ├── check.php
│ │ ├── expressInstall.swf
│ │ ├── jquery-1.3.2.min.js
│ │ ├── jquery.uploadify.v2.1.0.min.js
│ │ ├── _notes
│ │ │ └── dwsync.xml
│ │ ├── swfobject.js
│ │ ├── uploadify.php
│ │ └── uploadify.swf
│ ├── expressInstall.swf
│ ├── jquery-1.3.2.min.js
│ ├── jquery.uploadify.v2.1.0.js
│ ├── jquery.uploadify.v2.1.0.min.js
│ ├── swfobject.js
│ ├── uploadify.allglyphs.swf
│ ├── uploadify.css
│ ├── uploadify.fla
│ ├── uploadify.php
│ ├── uploadify.swf
│ └── Uploadify v2.1.0 Manual.pdf
├── 亮丽的JS图片渐变导航
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 从两侧向中间拼合的JavaScript图片切换效果
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ └── wall4.jpg
├── 仿265网站LOGO，会盯着你看的眼睛
│ ├── code.htm
│ ├── eye.gif
│ └── pupils.gif
├── 像弹簧一样抖动的横向图片滚动
│ ├── code.htm
│ ├── wall_s10.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ ├── wall_s7.jpg
│ ├── wall_s8.jpg
│ └── wall_s9.jpg
├── 前后轮翻的JS图片幻灯切换
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ └── wall3.jpg
├── 动态的Loading文字，逐个变大
│ └── code.htm
├── 可控的纵向图片滚动
│ └── code.htm
├── 右下角随机显示的JS图片广告
│ ├── code.htm
│ ├── wall_s1.jpg
│ └── wall_s2.jpg
├── 向上翻动的内容切换示例
│ └── code.htm
├── 图片友情链接滚动,横向,带控制按钮
│ ├── bank1.gif
│ ├── bank2.gif
│ ├── bank3.gif
│ ├── bank4.gif
│ ├── bank5.gif
│ ├── bank6.gif
│ ├── bank7.gif
│ ├── bank_back.gif
│ ├── bank_btn_left.gif
│ ├── bank_btn_right.gif
│ └── code.htm
├── 图片围成环形滚动，有空间感
│ ├── code.htm
│ ├── wall5.jpg
│ ├── wall6.jpg
│ └── wall7.jpg
├── 图片型不规则菜单的CSs实现
│ ├── blobs.gif
│ └── code.htm
├── 图片拖拉缩放效果（仿PHOTOSHOP）
│ ├── code.htm
│ └── wall_s2.jpg
├── 图片控制内容框的文字上下翻滚
│ ├── arrow-down.png
│ ├── arrow-up.png
│ └── code.htm
├── 图片旋转构成3D圆环的展示特效
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ └── wall_s5.jpg
├── 图片闪烁代码
│ ├── code.htm
│ └── logo.gif
├── 图片雷达效果，像光照一样
│ ├── code.htm
│ └── wall2.jpg
├── 在图片上单击获取图片原始大小
│ ├── code.htm
│ └── logo.gif
├── 大幅JS焦点图切换
│ ├── code.htm
│ ├── mask.gif
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ ├── wall5.jpg
│ ├── wall6.jpg
│ ├── wall7.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 左右切换鼠标可控的无缝图片滚动代码
│ ├── code.htm
│ ├── job_mj_069.gif
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 平滑图片滚动
│ ├── code1.htm
│ ├── manage1.jpg
│ ├── player2.jpg
│ ├── py3.jpg
│ ├── TT5.jpg
│ └── xf4.jpg
├── 幻灯片相册
│ ├── demo
│ │ ├── about.html
│ │ ├── images
│ │ │ ├── blank.gif
│ │ │ ├── image1.jpg
│ │ │ ├── image2.jpg
│ │ │ ├── image3.jpg
│ │ │ ├── image4.jpg
│ │ │ ├── image5.jpg
│ │ │ ├── image6.jpg
│ │ │ ├── image7.jpg
│ │ │ ├── image8.jpg
│ │ │ ├── loading.gif
│ │ │ ├── loading.png
│ │ │ ├── next.gif
│ │ │ ├── next.png
│ │ │ ├── pause.png
│ │ │ ├── play.png
│ │ │ ├── prev.gif
│ │ │ └── prev.png
│ │ ├── index.html
│ │ ├── scripts
│ │ │ ├── excanvas.compiled.js
│ │ │ ├── jquery-1.4.2.js
│ │ │ ├── jquery-1.4.2.min.js
│ │ │ ├── jquery.canvasSlideshow.js
│ │ │ ├── jquery.color.js
│ │ │ ├── jquery.color.min.js
│ │ │ ├── jquery.lightbox.js
│ │ │ └── jquery.lightbox.min.js
│ │ └── styles
│ │ ├── jquery.lightbox.css
│ │ └── jquery.lightbox.min.css
│ ├── images
│ │ ├── loading.png
│ │ ├── next.png
│ │ ├── pause.png
│ │ ├── play.png
│ │ └── prev.png
│ ├── jb51.net.txt
│ ├── sources
│ │ ├── jquery.canvasSlideshow.js
│ │ └── jquery.canvasSlideshow.min.js
│ └── 脚本下载（广告代码）.html
├── 很有意思的图片分裂复制效果
│ ├── code.htm
│ └── logo_demo2.gif
├── 按比例缩放图片，JavaScript代码
│ ├── code.htm
│ └── wall7.jpg
├── 最简的JavaScript鼠标经过切换图片
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ └── wall_s4.jpg
├── 有点炫的JavaScript立体图片展示
│ ├── code.htm
│ └── wall_s6.jpg
├── 根据鼠标放上切换内容制作的图片导航
│ ├── a1.gif
│ ├── a2.gif
│ ├── b1.gif
│ ├── b2.gif
│ └── code.htm
├── 浮动的图片广告
│ └── code.htm
├── 清爽简洁的图片交替导航效果
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── code.htm
│ ├── p_12_02.jpg
│ └── p_12_03.gif
├── 用CSS实现图片的双边框效果
│ ├── code.htm
│ └── logo.gif
├── 禁止在图片上使用右键
│ ├── code.htm
│ └── logo.gif
├── 竖向图片滚动
│ ├── code.htm
│ ├── manage1.jpg
│ ├── player2.jpg
│ ├── py3.jpg
│ ├── TT5.jpg
│ └── xf4.jpg
├── 纯CSS代码实现的图片列表滚动
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ └── code.htm
├── 纯CSS实现鼠标移上图片添加阴影效果
│ ├── code.htm
│ └── wall_s3.jpg
├── 经典的图片切换
│ ├── code.htm
│ ├── wall5.jpg
│ ├── wall6.jpg
│ ├── wall7.jpg
│ └── wall8.jpg
├── 网站首页js幻灯片代码
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ └── wall5.jpg
├── 美化过的匀速图片滚动
│ ├── code.htm
│ └── pic_bg.jpg
├── 腾讯QQ网站的Js图片切换
│ ├── 17651739.jpg
│ ├── 17651741.jpg
│ ├── 17651743.jpg
│ ├── 17651747.jpg
│ ├── 17651749.jpg
│ ├── 17651751.jpg
│ ├── code.htm
│ ├── f_num_on.gif
│ └── focus_bg.jpg
├── 自写Js+CSS轮显效果
│ └── code.htm
├── 自动播放——Js幻灯片缓冲效果
│ ├── code.htm
│ ├── wall5.jpg
│ ├── wall6.jpg
│ └── wall7.jpg
├── 规定区域的JS拖动展示效果
│ ├── code.htm
│ └── site.gif
├── 超漂亮Js+css图片幻灯切换
│ ├── a1.jpg
│ ├── a2.jpg
│ ├── a3.jpg
│ ├── a4.jpg
│ └── code.htm
├── 载入文件并显示进度
│ ├── 123.png
│ ├── images
│ │ ├── sesame-street.jpg
│ │ └── wolf-moon.jpg
│ ├── index.html
│ └── js
│ ├── Loader.js
│ ├── loadfile.swf
│ └── swfobject.js
├── 附件上传
│ ├── example
│ │ ├── 1_b.jpg
│ │ ├── 1_s.jpg
│ │ ├── 2_b.jpg
│ │ ├── 2_s.jpg
│ │ ├── 3_b.jpg
│ │ ├── 3_s.jpg
│ │ ├── 4_b.jpg
│ │ ├── 4_s.jpg
│ │ └── Thumbs.db
│ ├── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox.png
│ │ ├── fancybox-x.png
│ │ ├── fancybox-y.png
│ │ ├── fancy_close.png
│ │ ├── fancy_loading.png
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── fancy_shadow_e.png
│ │ ├── fancy_shadow_ne.png
│ │ ├── fancy_shadow_n.png
│ │ ├── fancy_shadow_nw.png
│ │ ├── fancy_shadow_se.png
│ │ ├── fancy_shadow_s.png
│ │ ├── fancy_shadow_sw.png
│ │ ├── fancy_shadow_w.png
│ │ ├── fancy_title_left.png
│ │ ├── fancy_title_main.png
│ │ ├── fancy_title_over.png
│ │ ├── fancy_title_right.png
│ │ ├── jquery.easing-1.3.pack.js
│ │ ├── jquery.fancybox-1.3.2.css
│ │ ├── jquery.fancybox-1.3.2.js
│ │ ├── jquery.fancybox-1.3.2.pack.js
│ │ └── jquery.mousewheel-3.0.4.pack.js
│ ├── fu_btn.gif
│ ├── jquery-1.4.3.min.js
│ ├── style.css
│ ├── 复件 ImagePreview.htm
│ └── 新建文本文档.txt
├── 马赛克效果的JS图片切换代码
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 鼠标放到图片上会滑出提示文字
│ ├── code.htm
│ └── wall2.jpg
├── 鼠标滑过,缩略图放大显示（纯CSS）
│ ├── code.htm
│ ├── wall1.jpg
│ └── wall2.jpg
├── 鼠标移上图片，变换出大图片
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ ├── wall5.jpg
│ ├── wall6.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ └── wall_s6.jpg
├── 鼠标经过图片时显示半透明文字，边框变色
│ ├── code.htm
│ └── wall5.jpg
└── 鼠标经过图片由灰色变彩色
├── code.htm
└── sprites.gif
170 directories, 824 files
学习web前端开发中搜集的一些，js、jquery、css实现的web脚本。在需要的时候可以找找借鉴借鉴。
【实例截图】
【核心代码】
20419aac-1a8a-4b21-bfb4-cac7915ceec7
└── js脚本
├── CSS+JS滚动图片功能代码
│ ├── code.htm
│ ├── scrollad_1.gif
│ ├── scrollad_2.gif
│ ├── scrollad_3.gif
│ ├── scrollad_4.gif
│ ├── wall1.jpg
│ ├── wall2.jpg
│ └── wall3.jpg
├── CSS使用图片完美修饰的全兼容圆角框
│ ├── code.htm
│ └── topl.gif
├── CSS制作的类似相册浏览的功能
│ ├── code.htm
│ ├── photo01.gif
│ ├── photo02.gif
│ ├── photo02 - 副本.gif
│ ├── photo03.gif
│ ├── photo04.gif
│ ├── photo05.gif
│ ├── photo06.gif
│ ├── photo06 - 副本.gif
│ ├── photo07.gif
│ ├── photo08.gif
│ ├── photo09.gif
│ └── urchin.js
├── CSS完成神奇创意的相框
│ ├── 01.png
│ ├── 02.png
│ ├── 03.png
│ ├── code.htm
│ └── wall8.jpg
├── CSS实现自适应的图片背景边框
│ ├── 11.jpg
│ ├── 1.jpg
│ ├── code.htm
│ └── tr.gif
├── CSS将图片自动变为圆角
│ ├── code.htm
│ ├── head_bg.png
│ └── wall_s3.jpg
├── CSS强制等比例缩小图片
│ ├── 22.png
│ ├── code.htm
│ └── wall5.jpg
├── igorescobar-jgallery-70db9f6
│ ├── about.html
│ ├── css
│ │ ├── jgallery.css
│ │ └── sample.css
│ ├── galeria
│ │ ├── 123.png
│ │ ├── image-1.jpg
│ │ ├── image-2.jpg
│ │ ├── image-3.jpg
│ │ ├── image-4.jpg
│ │ ├── image-5.jpg
│ │ ├── image-6.jpg
│ │ ├── thumb-1.jpg
│ │ ├── thumb-2.jpg
│ │ ├── thumb-3.jpg
│ │ ├── thumb-4.jpg
│ │ ├── thumb-5.jpg
│ │ └── thumb-6.jpg
│ ├── images
│ │ ├── arrow-left.gif
│ │ ├── arrow-right.gif
│ │ ├── close.gif
│ │ ├── loading.gif
│ │ ├── next.gif
│ │ └── prev.gif
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ ├── jgallery.js
│ │ └── jquery-1.4.2.min.js
│ ├── README.md
│ └── 脚本下载（广告代码）.html
├── Javascript 仿Flash图片轮翻
│ ├── code.htm
│ ├── wall3.jpg
│ ├── wall4.jpg
│ └── wall5.jpg
├── JavaScript动态控制图片透明度的变化
│ ├── code.htm
│ └── logo.gif
├── JavaScript图片放大
│ ├── code.htm
│ └── wall6.jpg
├── JavaScript 图片滚动（绝对酷）
│ ├── ca_hz_002.gif
│ ├── code.htm
│ ├── olyready_bg_cl_001.gif
│ ├── olyready_bg_cl_002.gif
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── JavaScript图片特效
│ ├── code.htm
│ ├── wall8.jpg
│ └── wall9.jpg
├── JavaScript图片预加载代码，显示loading
│ ├── code.htm
│ ├── wall8.jpg
│ └── wall9.jpg
├── JavaScript改变图片透明度，鼠标放上渐渐显示
│ ├── code.htm
│ ├── wall_s5.jpg
│ └── wall_s6.jpg
├── JavaScript 生成弹性透明的图片放大代码
│ ├── code.htm
│ ├── wall6.jpg
│ ├── wall7.jpg
│ └── wall8.jpg
├── JavaScript 由左向右的图片渐变过渡
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ └── code.htm
├── JavaScript真正的鼠标放上动画加载大图的
│ ├── code.htm
│ ├── wall6.jpg
│ ├── wall7.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── jquery-accordion
│ ├── demo
│ │ ├── AccordionTab0.gif
│ │ ├── AccordionTab2.gif
│ │ ├── bg.gif
│ │ ├── collapsed.gif
│ │ ├── css
│ │ │ ├── flora.accordion.css
│ │ │ └── i
│ │ │ ├── accordion-left-act.png
│ │ │ ├── accordion-left-over.png
│ │ │ ├── accordion-left.png
│ │ │ ├── accordion-middle-act.png
│ │ │ ├── accordion-middle-over.png
│ │ │ ├── accordion-middle.png
│ │ │ ├── accordion-right-act.png
│ │ │ ├── accordion-right-over.png
│ │ │ └── accordion-right.png
│ │ ├── demo.css
│ │ ├── expanded.gif
│ │ ├── index.html
│ │ └── nested.html
│ ├── jquery.accordion.js
│ ├── jquery.accordion.min.js
│ ├── jquery.accordion.pack.js
│ ├── lib
│ │ ├── chili-1.7.pack.js
│ │ ├── jquery.dimensions.js
│ │ ├── jquery.easing.js
│ │ └── jquery.js
│ └── test
│ ├── index.html
│ ├── leak.html
│ ├── test.js
│ ├── testrunner.js
│ └── testsuite.css
├── JQueryElementDemo
│ ├── about.htm
│ ├── ajaxdatatype
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ └── webservice.asmx
│ ├── ajaxmanager
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ └── handler.ashx
│ ├── App_Code
│ │ ├── ajaxdatatype_webservice.cs
│ │ ├── repeater_product.cs
│ │ ├── repeater_webservice.cs
│ │ ├── returnjson_webservice.cs
│ │ ├── SampleDS.xsd
│ │ ├── SampleDS.xss
│ │ ├── SampleHelper.cs
│ │ ├── timer_webservice.cs
│ │ └── validator_webservice.cs
│ ├── App_Data
│ │ ├── Sample.mdb
│ │ └── Sample.xml
│ ├── autocomplete
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── Google1.aspx
│ │ ├── Google1.aspx.cs
│ │ └── google_getitem.ashx
│ ├── Bin
│ │ ├── System.Web.Extensions.dll
│ │ ├── zoyobar.shared.panzer.JQueryElement.dll
│ │ ├── zoyobar.shared.panzer.JQueryElement.dll.refresh
│ │ └── zoyobar.shared.panzer.JQueryElement.XML
│ ├── css
│ │ ├── main.css
│ │ └── smoothness
│ │ ├── images
│ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ ├── ui-bg_flat_75_ffffff_40x100.png
│ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ │ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ │ ├── ui-bg_glass_75_dadada_1x400.png
│ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ │ │ ├── ui-icons_222222_256x240.png
│ │ │ ├── ui-icons_2e83ff_256x240.png
│ │ │ ├── ui-icons_454545_256x240.png
│ │ │ ├── ui-icons_888888_256x240.png
│ │ │ └── ui-icons_cd0a0a_256x240.png
│ │ └── jquery-ui-1.8.15.custom.css
│ ├── Default.aspx
│ ├── Default.aspx.cs
│ ├── ExecuteQuery.aspx
│ ├── ExecuteQuery.aspx.cs
│ ├── JE-XHTML.aspx
│ ├── JE-XHTML.aspx.cs
│ ├── JQueryElementBase.aspx
│ ├── JQueryElementBase.aspx.cs
│ ├── JQueryElementTest.rar
│ ├── js
│ │ ├── jquery-1.6.2.min.js
│ │ ├── jquery-ui-1.8.15.custom.min.js
│ │ └── jquery.ui.datepicker-zh-CN.js
│ ├── panzer.license.txt
│ ├── progressbar
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── userinfo1.ashx
│ │ ├── UserInfo1.aspx
│ │ └── UserInfo1.aspx.cs
│ ├── repeater
│ │ ├── BookList1.aspx
│ │ ├── BookList1.aspx.cs
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── EMailList1.aspx
│ │ ├── EMailList1.aspx.cs
│ │ ├── Google1.aspx
│ │ ├── Google1.aspx.cs
│ │ ├── ManageOrder1.aspx
│ │ ├── ManageOrder1.aspx.cs
│ │ ├── ManageStudent1.aspx
│ │ ├── ManageStudent1.aspx.cs
│ │ ├── person.ashx
│ │ ├── PersonList1.aspx
│ │ ├── PersonList1.aspx.cs
│ │ ├── product.asmx
│ │ ├── ProductList1.aspx
│ │ ├── ProductList1.aspx.cs
│ │ ├── QQMail1.aspx
│ │ ├── QQMail1.aspx.cs
│ │ └── webservice.asmx
│ ├── returnjson
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── handler.ashx
│ │ └── webservice.asmx
│ ├── Storage.aspx
│ ├── Storage.aspx.cs
│ ├── timer
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── NewEMail1.aspx
│ │ ├── NewEMail1.aspx.cs
│ │ └── webservice.asmx
│ ├── uploader
│ │ ├── 11.mp3
│ │ ├── Air Supply - All Out Of Love.mp3
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── FileUpload.aspx
│ │ ├── FileUpload.aspx.cs
│ │ ├── getprec.ashx
│ │ ├── photo.jpg
│ │ ├── UploadMyPhoto1.aspx
│ │ └── UploadMyPhoto1.aspx.cs
│ ├── validator
│ │ ├── Default.aspx
│ │ ├── Default.aspx.cs
│ │ ├── webservice.asmx
│ │ ├── WeiboRegister1.aspx
│ │ └── WeiboRegister1.aspx.cs
│ ├── Web.2.config
│ ├── Web.3.5.config
│ ├── Web.3.config
│ ├── Web.4.config
│ └── Web.config
├── jquery相册
│ ├── about.html
│ ├── ajax.txt
│ ├── example
│ │ ├── 1_b.jpg
│ │ ├── 1_s.jpg
│ │ ├── 2_b.jpg
│ │ ├── 2_s.jpg
│ │ ├── 3_b.jpg
│ │ ├── 3_s.jpg
│ │ ├── 4_b.jpg
│ │ ├── 4_s.jpg
│ │ └── Thumbs.db
│ ├── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox.png
│ │ ├── fancybox-x.png
│ │ ├── fancybox-y.png
│ │ ├── fancy_close.png
│ │ ├── fancy_loading.png
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── fancy_shadow_e.png
│ │ ├── fancy_shadow_ne.png
│ │ ├── fancy_shadow_n.png
│ │ ├── fancy_shadow_nw.png
│ │ ├── fancy_shadow_se.png
│ │ ├── fancy_shadow_s.png
│ │ ├── fancy_shadow_sw.png
│ │ ├── fancy_shadow_w.png
│ │ ├── fancy_title_left.png
│ │ ├── fancy_title_main.png
│ │ ├── fancy_title_over.png
│ │ ├── fancy_title_right.png
│ │ ├── jquery.easing-1.3.pack.js
│ │ ├── jquery.fancybox-1.3.2.css
│ │ ├── jquery.fancybox-1.3.2.js
│ │ ├── jquery.fancybox-1.3.2.pack.js
│ │ └── jquery.mousewheel-3.0.4.pack.js
│ ├── index.html
│ ├── jquery-1.4.3.min.js
│ ├── style.css
│ └── 新建 文本文档.txt
├── JS+CSS给图片加上鼠标滑过的方框
│ ├── code.htm
│ └── wall_s7.jpg
├── JS卡通图片切换
│ ├── code.htm
│ ├── dragoncat_5OuvU8f1PpAR.jpg
│ ├── haizeiwang_yIdvHnbKRR5Z.jpg
│ ├── lionking_g18UfhueAZlS.jpg
│ ├── maplestory_fGsUHCiylFEk.jpg
│ ├── naruto_zxndhBwQnt1D.jpg
│ └── qianxun_wGdPvRpQAXU7.jpg
├── JS图片切换，带缩略图版
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ └── wall5.jpg
├── JS图片滚动代码（无缝、平滑）
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ └── wall_s6.jpg
├── Js图片连续左右滚动
│ ├── 6637716.gif
│ ├── 6637743.gif
│ ├── code.htm
│ └── wall_s8.jpg
├── Js拖动特效，一串水晶球(很强大)
│ ├── CA2IACOA2.gif
│ ├── CA2IACOA.gif
│ └── code.htm
├── JS放大镜,JavaScript图片放大代码
│ ├── code.htm
│ ├── wall6.jpg
│ └── wall_s6.jpg
├── JS点击小图预览大图（仿淘宝）
│ ├── code.htm
│ ├── wall8.jpg
│ └── wall_s8.jpg
├── nv-box-slider
│ ├── about.html
│ ├── examples
│ │ ├── arrows.png
│ │ ├── leonardo
│ │ │ ├── artillery_park.jpg
│ │ │ ├── boat.jpg
│ │ │ ├── cannons.jpg
│ │ │ ├── crossbow.jpg
│ │ │ ├── flying_machine.jpg
│ │ │ ├── helicopter.jpg
│ │ │ ├── hydraulic_machines.jpg
│ │ │ ├── index.html
│ │ │ ├── leo.css
│ │ │ ├── locks_on_a_river.jpg
│ │ │ ├── machine_for_grinding_lenses.jpg
│ │ │ └── parabolic_compass.jpg
│ │ ├── main.css
│ │ └── turner
│ │ ├── chain_pier_brighton.jpg
│ │ ├── chichester_canal.jpg
│ │ └── grand_junction_canal.jpg
│ ├── index.html
│ ├── jb51.net.txt
│ ├── MIT-LICENCE.txt
│ ├── Rakefile
│ ├── README.mdown
│ ├── src
│ │ ├── horizontal_box_slider.js
│ │ └── jquery.horizontal_box_slider.js
│ ├── tests
│ │ ├── horizontal_box_slider_test.js
│ │ └── index.html
│ └── 脚本下载（广告代码）.html
├── PortfolioZoomSlider
│ ├── cloud-zoom
│ │ ├── cloud-zoom.1.0.2.js
│ │ └── cloud-zoom.css
│ ├── css
│ │ └── style.css
│ ├── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox.png
│ │ ├── fancybox-x.png
│ │ ├── fancybox-y.png
│ │ ├── fancy_close.png
│ │ ├── fancy_loading.png
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── fancy_shadow_e.png
│ │ ├── fancy_shadow_ne.png
│ │ ├── fancy_shadow_n.png
│ │ ├── fancy_shadow_nw.png
│ │ ├── fancy_shadow_se.png
│ │ ├── fancy_shadow_s.png
│ │ ├── fancy_shadow_sw.png
│ │ ├── fancy_shadow_w.png
│ │ ├── fancy_title_left.png
│ │ ├── fancy_title_main.png
│ │ ├── fancy_title_over.png
│ │ ├── fancy_title_right.png
│ │ ├── jquery.easing-1.3.pack.js
│ │ ├── jquery.fancybox-1.3.4.css
│ │ ├── jquery.fancybox-1.3.4.js
│ │ └── jquery.mousewheel-3.0.4.pack.js
│ ├── images
│ │ ├── bg.jpg
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── formstack1.jpg
│ │ ├── formstack2.jpg
│ │ ├── formstack3.jpg
│ │ ├── knowapp1.jpg
│ │ ├── knowapp2.jpg
│ │ ├── knowapp3.jpg
│ │ └── thumbs
│ │ ├── formstack1.jpg
│ │ ├── formstack2.jpg
│ │ ├── formstack3.jpg
│ │ ├── knowapp1.jpg
│ │ ├── knowapp2.jpg
│ │ └── knowapp3.jpg
│ ├── index.html
│ └── js
│ ├── ChunkFive_400.font.js
│ └── cufon-yui.js
├── scrollsomething
│ ├── about.html
│ ├── css
│ │ └── jQuery.scrollSomething-1.0.0.css
│ ├── img
│ │ ├── arrow_next.png
│ │ └── arrow_prev.png
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ └── jQuery.scrollSomething-1.0.0.js
│ └── 脚本下载（广告代码）.html
├── scrollsomething - 副本
│ ├── about.html
│ ├── css
│ │ └── jQuery.scrollSomething-1.0.0.css
│ ├── img
│ │ ├── arrow_next.png
│ │ └── arrow_prev.png
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ └── jQuery.scrollSomething-1.0.0.js
│ └── 脚本下载（广告代码）.html
├── slide-hide
│ ├── about.html
│ ├── images
│ │ ├── application.js
│ │ ├── jquery.js
│ │ ├── jquery.mousewheel.js
│ │ ├── jquery.scrollable-1.0.2.js
│ │ ├── marketin.jpg
│ │ ├── siti-web.jpg
│ │ └── software.jpg
│ ├── index.html
│ ├── jb51.net.txt
│ └── 脚本下载（广告代码）.html
├── thumbnailzoom
│ ├── about.html
│ ├── images
│ │ ├── 10.jpg
│ │ ├── 11.png
│ │ ├── 12.png
│ │ ├── 13.jpg
│ │ ├── 14.png
│ │ ├── 15.jpg
│ │ ├── 16.jpg
│ │ ├── 1.jpg
│ │ ├── 2.jpg
│ │ ├── 3.png
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.png
│ │ ├── 7.jpg
│ │ └── 9.PNG
│ ├── index.html
│ ├── jb51.net.txt
│ ├── js
│ │ └── jquery.js
│ └── 脚本下载（广告代码）.html
├── uploadf
│ ├── cancel.png
│ ├── check.php
│ ├── com
│ │ └── adobe
│ │ ├── air
│ │ │ └── logging
│ │ │ └── FileTarget.as
│ │ ├── crypto
│ │ │ ├── HMAC.as
│ │ │ ├── MD5.as
│ │ │ ├── MD5Stream.as
│ │ │ ├── SHA1.as
│ │ │ ├── SHA224.as
│ │ │ ├── SHA256.as
│ │ │ └── WSSEUsernameToken.as
│ │ ├── errors
│ │ │ └── IllegalStateError.as
│ │ ├── fileformats
│ │ │ └── vcard
│ │ │ ├── Address.as
│ │ │ ├── Email.as
│ │ │ ├── Phone.as
│ │ │ ├── VCard.as
│ │ │ └── VCardParser.as
│ │ ├── images
│ │ │ ├── BitString.as
│ │ │ ├── JPGEncoder.as
│ │ │ └── PNGEncoder.as
│ │ ├── net
│ │ │ ├── DynamicURLLoader.as
│ │ │ ├── IURIResolver.as
│ │ │ ├── MimeTypeMap.as
│ │ │ ├── proxies
│ │ │ │ └── RFC2817Socket.as
│ │ │ ├── URI.as
│ │ │ └── URIEncodingBitmap.as
│ │ ├── protocols
│ │ │ └── dict
│ │ │ ├── Database.as
│ │ │ ├── Definition.as
│ │ │ ├── Dict.as
│ │ │ ├── DictionaryServer.as
│ │ │ ├── events
│ │ │ │ ├── ConnectedEvent.as
│ │ │ │ ├── DatabaseEvent.as
│ │ │ │ ├── DefinitionEvent.as
│ │ │ │ ├── DefinitionHeaderEvent.as
│ │ │ │ ├── DictionaryServerEvent.as
│ │ │ │ ├── DisconnectedEvent.as
│ │ │ │ ├── ErrorEvent.as
│ │ │ │ ├── MatchEvent.as
│ │ │ │ ├── MatchStrategiesEvent.as
│ │ │ │ └── NoMatchEvent.as
│ │ │ ├── MatchStrategy.as
│ │ │ ├── Response.as
│ │ │ └── util
│ │ │ ├── CompleteResponseEvent.as
│ │ │ └── SocketHelper.as
│ │ ├── serialization
│ │ │ └── json
│ │ │ ├── JSON.as
│ │ │ ├── JSONDecoder.as
│ │ │ ├── JSONEncoder.as
│ │ │ ├── JSONParseError.as
│ │ │ ├── JSONToken.as
│ │ │ ├── JSONTokenizer.as
│ │ │ └── JSONTokenType.as
│ │ ├── utils
│ │ │ ├── ArrayUtil.as
│ │ │ ├── DateUtil.as
│ │ │ ├── DictionaryUtil.as
│ │ │ ├── IntUtil.as
│ │ │ ├── NumberFormatter.as
│ │ │ ├── StringUtil.as
│ │ │ └── XMLUtil.as
│ │ └── webapis
│ │ ├── events
│ │ │ └── ServiceEvent.as
│ │ ├── ServiceBase.as
│ │ └── URLLoaderBase.as
│ ├── example
│ │ ├── cancel.png
│ │ ├── css
│ │ │ ├── default.css
│ │ │ ├── _notes
│ │ │ │ └── dwsync.xml
│ │ │ └── uploadify.css
│ │ ├── index.php
│ │ ├── _notes
│ │ │ └── dwsync.xml
│ │ └── scripts
│ │ ├── check.php
│ │ ├── expressInstall.swf
│ │ ├── jquery-1.3.2.min.js
│ │ ├── jquery.uploadify.v2.1.0.min.js
│ │ ├── _notes
│ │ │ └── dwsync.xml
│ │ ├── swfobject.js
│ │ ├── uploadify.php
│ │ └── uploadify.swf
│ ├── expressInstall.swf
│ ├── jquery-1.3.2.min.js
│ ├── jquery.uploadify.v2.1.0.js
│ ├── jquery.uploadify.v2.1.0.min.js
│ ├── swfobject.js
│ ├── uploadify.allglyphs.swf
│ ├── uploadify.css
│ ├── uploadify.fla
│ ├── uploadify.php
│ ├── uploadify.swf
│ └── Uploadify v2.1.0 Manual.pdf
├── 亮丽的JS图片渐变导航
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 从两侧向中间拼合的JavaScript图片切换效果
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ └── wall4.jpg
├── 仿265网站LOGO，会盯着你看的眼睛
│ ├── code.htm
│ ├── eye.gif
│ └── pupils.gif
├── 像弹簧一样抖动的横向图片滚动
│ ├── code.htm
│ ├── wall_s10.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ ├── wall_s7.jpg
│ ├── wall_s8.jpg
│ └── wall_s9.jpg
├── 前后轮翻的JS图片幻灯切换
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ └── wall3.jpg
├── 动态的Loading文字，逐个变大
│ └── code.htm
├── 可控的纵向图片滚动
│ └── code.htm
├── 右下角随机显示的JS图片广告
│ ├── code.htm
│ ├── wall_s1.jpg
│ └── wall_s2.jpg
├── 向上翻动的内容切换示例
│ └── code.htm
├── 图片友情链接滚动,横向,带控制按钮
│ ├── bank1.gif
│ ├── bank2.gif
│ ├── bank3.gif
│ ├── bank4.gif
│ ├── bank5.gif
│ ├── bank6.gif
│ ├── bank7.gif
│ ├── bank_back.gif
│ ├── bank_btn_left.gif
│ ├── bank_btn_right.gif
│ └── code.htm
├── 图片围成环形滚动，有空间感
│ ├── code.htm
│ ├── wall5.jpg
│ ├── wall6.jpg
│ └── wall7.jpg
├── 图片型不规则菜单的CSs实现
│ ├── blobs.gif
│ └── code.htm
├── 图片拖拉缩放效果（仿PHOTOSHOP）
│ ├── code.htm
│ └── wall_s2.jpg
├── 图片控制内容框的文字上下翻滚
│ ├── arrow-down.png
│ ├── arrow-up.png
│ └── code.htm
├── 图片旋转构成3D圆环的展示特效
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ └── wall_s5.jpg
├── 图片闪烁代码
│ ├── code.htm
│ └── logo.gif
├── 图片雷达效果，像光照一样
│ ├── code.htm
│ └── wall2.jpg
├── 在图片上单击获取图片原始大小
│ ├── code.htm
│ └── logo.gif
├── 大幅JS焦点图切换
│ ├── code.htm
│ ├── mask.gif
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ ├── wall5.jpg
│ ├── wall6.jpg
│ ├── wall7.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 左右切换鼠标可控的无缝图片滚动代码
│ ├── code.htm
│ ├── job_mj_069.gif
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 平滑图片滚动
│ ├── code1.htm
│ ├── manage1.jpg
│ ├── player2.jpg
│ ├── py3.jpg
│ ├── TT5.jpg
│ └── xf4.jpg
├── 幻灯片相册
│ ├── demo
│ │ ├── about.html
│ │ ├── images
│ │ │ ├── blank.gif
│ │ │ ├── image1.jpg
│ │ │ ├── image2.jpg
│ │ │ ├── image3.jpg
│ │ │ ├── image4.jpg
│ │ │ ├── image5.jpg
│ │ │ ├── image6.jpg
│ │ │ ├── image7.jpg
│ │ │ ├── image8.jpg
│ │ │ ├── loading.gif
│ │ │ ├── loading.png
│ │ │ ├── next.gif
│ │ │ ├── next.png
│ │ │ ├── pause.png
│ │ │ ├── play.png
│ │ │ ├── prev.gif
│ │ │ └── prev.png
│ │ ├── index.html
│ │ ├── scripts
│ │ │ ├── excanvas.compiled.js
│ │ │ ├── jquery-1.4.2.js
│ │ │ ├── jquery-1.4.2.min.js
│ │ │ ├── jquery.canvasSlideshow.js
│ │ │ ├── jquery.color.js
│ │ │ ├── jquery.color.min.js
│ │ │ ├── jquery.lightbox.js
│ │ │ └── jquery.lightbox.min.js
│ │ └── styles
│ │ ├── jquery.lightbox.css
│ │ └── jquery.lightbox.min.css
│ ├── images
│ │ ├── loading.png
│ │ ├── next.png
│ │ ├── pause.png
│ │ ├── play.png
│ │ └── prev.png
│ ├── jb51.net.txt
│ ├── sources
│ │ ├── jquery.canvasSlideshow.js
│ │ └── jquery.canvasSlideshow.min.js
│ └── 脚本下载（广告代码）.html
├── 很有意思的图片分裂复制效果
│ ├── code.htm
│ └── logo_demo2.gif
├── 按比例缩放图片，JavaScript代码
│ ├── code.htm
│ └── wall7.jpg
├── 最简的JavaScript鼠标经过切换图片
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ └── wall_s4.jpg
├── 有点炫的JavaScript立体图片展示
│ ├── code.htm
│ └── wall_s6.jpg
├── 根据鼠标放上切换内容制作的图片导航
│ ├── a1.gif
│ ├── a2.gif
│ ├── b1.gif
│ ├── b2.gif
│ └── code.htm
├── 浮动的图片广告
│ └── code.htm
├── 清爽简洁的图片交替导航效果
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── code.htm
│ ├── p_12_02.jpg
│ └── p_12_03.gif
├── 用CSS实现图片的双边框效果
│ ├── code.htm
│ └── logo.gif
├── 禁止在图片上使用右键
│ ├── code.htm
│ └── logo.gif
├── 竖向图片滚动
│ ├── code.htm
│ ├── manage1.jpg
│ ├── player2.jpg
│ ├── py3.jpg
│ ├── TT5.jpg
│ └── xf4.jpg
├── 纯CSS代码实现的图片列表滚动
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ └── code.htm
├── 纯CSS实现鼠标移上图片添加阴影效果
│ ├── code.htm
│ └── wall_s3.jpg
├── 经典的图片切换
│ ├── code.htm
│ ├── wall5.jpg
│ ├── wall6.jpg
│ ├── wall7.jpg
│ └── wall8.jpg
├── 网站首页js幻灯片代码
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ └── wall5.jpg
├── 美化过的匀速图片滚动
│ ├── code.htm
│ └── pic_bg.jpg
├── 腾讯QQ网站的Js图片切换
│ ├── 17651739.jpg
│ ├── 17651741.jpg
│ ├── 17651743.jpg
│ ├── 17651747.jpg
│ ├── 17651749.jpg
│ ├── 17651751.jpg
│ ├── code.htm
│ ├── f_num_on.gif
│ └── focus_bg.jpg
├── 自写Js+CSS轮显效果
│ └── code.htm
├── 自动播放——Js幻灯片缓冲效果
│ ├── code.htm
│ ├── wall5.jpg
│ ├── wall6.jpg
│ └── wall7.jpg
├── 规定区域的JS拖动展示效果
│ ├── code.htm
│ └── site.gif
├── 超漂亮Js+css图片幻灯切换
│ ├── a1.jpg
│ ├── a2.jpg
│ ├── a3.jpg
│ ├── a4.jpg
│ └── code.htm
├── 载入文件并显示进度
│ ├── 123.png
│ ├── images
│ │ ├── sesame-street.jpg
│ │ └── wolf-moon.jpg
│ ├── index.html
│ └── js
│ ├── Loader.js
│ ├── loadfile.swf
│ └── swfobject.js
├── 附件上传
│ ├── example
│ │ ├── 1_b.jpg
│ │ ├── 1_s.jpg
│ │ ├── 2_b.jpg
│ │ ├── 2_s.jpg
│ │ ├── 3_b.jpg
│ │ ├── 3_s.jpg
│ │ ├── 4_b.jpg
│ │ ├── 4_s.jpg
│ │ └── Thumbs.db
│ ├── fancybox
│ │ ├── blank.gif
│ │ ├── fancybox.png
│ │ ├── fancybox-x.png
│ │ ├── fancybox-y.png
│ │ ├── fancy_close.png
│ │ ├── fancy_loading.png
│ │ ├── fancy_nav_left.png
│ │ ├── fancy_nav_right.png
│ │ ├── fancy_shadow_e.png
│ │ ├── fancy_shadow_ne.png
│ │ ├── fancy_shadow_n.png
│ │ ├── fancy_shadow_nw.png
│ │ ├── fancy_shadow_se.png
│ │ ├── fancy_shadow_s.png
│ │ ├── fancy_shadow_sw.png
│ │ ├── fancy_shadow_w.png
│ │ ├── fancy_title_left.png
│ │ ├── fancy_title_main.png
│ │ ├── fancy_title_over.png
│ │ ├── fancy_title_right.png
│ │ ├── jquery.easing-1.3.pack.js
│ │ ├── jquery.fancybox-1.3.2.css
│ │ ├── jquery.fancybox-1.3.2.js
│ │ ├── jquery.fancybox-1.3.2.pack.js
│ │ └── jquery.mousewheel-3.0.4.pack.js
│ ├── fu_btn.gif
│ ├── jquery-1.4.3.min.js
│ ├── style.css
│ ├── 复件 ImagePreview.htm
│ └── 新建文本文档.txt
├── 马赛克效果的JS图片切换代码
│ ├── code.htm
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ ├── wall_s6.jpg
│ └── wall_s7.jpg
├── 鼠标放到图片上会滑出提示文字
│ ├── code.htm
│ └── wall2.jpg
├── 鼠标滑过,缩略图放大显示（纯CSS）
│ ├── code.htm
│ ├── wall1.jpg
│ └── wall2.jpg
├── 鼠标移上图片，变换出大图片
│ ├── code.htm
│ ├── wall1.jpg
│ ├── wall2.jpg
│ ├── wall3.jpg
│ ├── wall4.jpg
│ ├── wall5.jpg
│ ├── wall6.jpg
│ ├── wall_s1.jpg
│ ├── wall_s2.jpg
│ ├── wall_s3.jpg
│ ├── wall_s4.jpg
│ ├── wall_s5.jpg
│ └── wall_s6.jpg
├── 鼠标经过图片时显示半透明文字，边框变色
│ ├── code.htm
│ └── wall5.jpg
└── 鼠标经过图片由灰色变彩色
├── code.htm
└── sprites.gif
170 directories, 824 files
标签：
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论