看看不少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]
也心愿各人参加出去多多欠缺...更心愿妙手给出更好的倡议
上面是主挪用页面的设置装备摆设形式..心愿各人发现成绩实时联络自己 谢谢啦 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]
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
