js代码 点击小图大图随之改变!
大家看下这个网页,中间那四张黑背景狗狗衣服图片,点击右边四张小图之一,左边大图就会随之改变,这种效果怎么做出来的?高人指点,可以的话,能不能把四张小图并列显示在大图下方?...
大家看下这个网页,中间那四张黑背景狗狗衣服图片,点击右边四张小图之一,左边大图就会随之改变,这种效果怎么做出来的?高人指点,可以的话,能不能把四张小图并列显示在大图下方?有兴趣的朋友帮忙改下!谢了
展开
2013-12-02
展开全部
简单点说就是用js控制img的src属性,达到切换效果
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
=====================================================
<script language="javascript">
//这是页面里主要的代码,用了数组
var arICImages2 = new Array(6);
arICImages2[0]=" http://i.thestylehome.com/disimage.php?id=10002608&img=image.jpg";
arICImages2[1]=" http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_1_image.jpg";
arICImages2[2]=" http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_3_image.jpg";
arICImages2[3]=" http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_5_image.jpg";
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
...
</script>
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
=====================================================
<script language="javascript">
//这是页面里主要的代码,用了数组
var arICImages2 = new Array(6);
arICImages2[0]=" http://i.thestylehome.com/disimage.php?id=10002608&img=image.jpg";
arICImages2[1]=" http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_1_image.jpg";
arICImages2[2]=" http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_3_image.jpg";
arICImages2[3]=" http://i.thestylehome.com/disimage.php?id=10002608&img=10002608_5_image.jpg";
function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; }
...
</script>
logo在线生成器
2024-10-23 广告
2024-10-23 广告
燕雀零一专业logo生成器,是一家科技型的设计公司,团队深耕企业品牌设计服务已有十余年,已助力多家企业塑造其品牌形象及体验,服务内容含:LOGO设计/VI设计/产品包装设计/导视店面门头及空间设计,吉祥物设计/海报设计等。 我们的目标是帮助...
点击进入详情页
本回答由logo在线生成器提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询