JavaScript仿关机效果的图片�

首先下载Java脚本语言包：http://中央。com/WP-content/uploads/2007/08/yuilightboxwdep。zip html标题/根据下载的Java脚本语言包修改以下的路径链接rel='样式表'类型=' text/CSS ' href=' js/yui/assets/skins/Sam/container。CSS '/脚本类型=' text/JavaScript ' src=' http : js/yui/Yahoo-DOM-event/Yahoo-DOM-event。js /脚本脚本脚本类型=' text/JavaScript ' src=' http : js/yui/拖放/拖放-min。js /脚本类型=' text/JavaScript './/加载lightbox init=function().{ //制作一个数据源，含原本图片//用法： 图片id : { URL : }原本图片路径，标题： '标题} var数据源=.{ id_1:{url:'image-big.jpg '，title: '测试图片'} };//创建灯箱对象： //用法：//imagebase :灯箱。射流研究…的路径//数据源：数据源var灯箱=新YAHOO。com。椎间盘。灯箱(.{ imageBase:'js/lightbox '，dataSource :数据源})；} //这行保持原貌YAHOO.util.Event.on(窗口，"加载",初始化);/脚本/头体//加一个预览图片//用法：img src='http:预览jpg“id=”图片ID'///注意：保持图片身份和数据源身份一致img src=' http : image-small。jpg ' id=' id _ 1 '/body/html代码无注解：html标题链接rel='样式表type=' text/CSS ' href=' js/yui/assets/skins/Sam/container。CSS '/脚本类型=' text/JavaScript ' src=' http : js/yui/Yahoo-DOM-event/Yahoo-DOM-event。js /脚本脚本类型=' text/JavaScript ' src=' http 3360 js/yui/拖放/拖放-min。js /脚本脚本类型测试图片'} };var灯箱=新YAHOO。com。椎间盘。灯箱({ imagebase : ' js/灯箱'，dataSource :数据源})；} YAHOO.util.Event.on(窗口、“load”、init)；/script/head body img src=' http : image-small。jpg ' id=' id _ 1 '/body/html(9500 . 163.com)