jQuery图片展示插件 含焦点图看看很多jQuery学习者都发布自己的插件,我也耐不住寂寞也来发表自己做的一款图片演示插件,希望能给大家带来方便.... 也希望大家参与进来多多完善...更希望高手给出更好的建议 下面是主调用页面的配置方式..希望大家发现问题及时联系本人 谢谢啦 my_jsj@163.com [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>福苑</title> <link rel="stylesheet" href="../css/PicBoxCss.css" type="text/css" media="screen" /> <script type="text/javascript" src="../js/jQuery-1.4.min.js"></script> <script type="text/javascript" src="../js/PicBoxScript.js" charset="gb2312"></script> <script type="text/javascript"> $(document).ready(function(){ //添加图片参数 PicInfo.add('葫芦小金刚','../images/1.jpg'); PicInfo.add('六娃会隐身','../images/2.jpg'); PicInfo.add('五娃会放火','../images/3.jpg'); PicInfo.add('大娃大力士','../images/4.jpg'); PicInfo.add('二娃千里眼和顺风耳','../images/5.jpg'); PicInfo.add('四娃会放水','../images/6.jpg'); PicInfo.add('三娃铜头铁壁','../images/7.jpg'); PicInfo.add('七娃宝葫芦','../images/8.jpg'); //幻灯式图片盒子参数1=目标位置元素;参数2=高;参数3=宽 LoadPicBoxTwo("picBox1",300,300); //长条式图片盒子参数1=目标位置元素;参数2=高;参数3=宽 LoadPicBoxOne("picBox2",300,300); }); </script> </head> <body> <table > <tr> <td height="500px;" width="600px;"><div id="picBox1" class="PicBox"></div></td> </tr> <tr> <td width="600px;"><div id="picBox2" class="PicBox"></div></td> </tr> <tr> <td align="center"><h2>沣凡之家欢迎您</h2></td> </tr> <tr> <td align="center"><h2>美图欣赏</h2></td> </tr> </table> </body> </html> [/code]
展开内容
