三步打造动态滚动展示图片

三步打造动态滚动展示图片由http://www.yxzj8.com整理发布，类别：网店装修, 本站还有更多关于淘宝网店装修教程,淘宝网店装修,网店装修素材方面的资料。

分这几步走就可以很方便的象大多数卖家的店铺一样,拥有漂亮的滚动图片展示了.

第一步,打开店铺后,如下图这样操作

这一步复制必须耐心,要不就会出现全部网页都变蓝的情况

第一步完成后,我们随便打开淘宝网的一个编辑器,论坛的,发商品的,个人空间里发文章的都可以,(这里是对没装专业网页制作编辑器的朋友来说的,有的话,那么直接看下边的操作吧)

我们只留下"<a herf.....> 和<img.....>"这两句代码,其他的都删除掉,这样我们就得到了一个商品的图片和一个连接

如下图例所示

这里只是举个例子,这个时候我们是最关键的第三步:

我们要在电脑里新建一个文本txt文件.保存这段代码,并且注意要把这代码里所有的换行都去掉,(就是把所有回车都删除掉,让代码成一行显示)

我们重复上边的动作,把想滚动的图片的代码依次这样写到本本里保存,

下边,我们开始讲解怎么样最终使这个动起来,这里就要用到了marqueen这个html的参数设置了

格式如下:

这里写我们刚才做好的代码

记住哈,千万不要带换行,一带换行就不支持了

下边举个简单例子

 

 

★简单解释下:

这里参数的意义

behavior="alternate"是交替显示 缺省是滚动显示

height width这两个是我们做的滚动的这个窗口的大小设置,很多朋友在做这个的时候也许会发现,有的时候这个窗口把漂亮的页面弄的很难看,爆炸了,就是忘记了设置这个大小了

[1] [2]  下一页

如果觉得三步打造动态滚动展示图片不错，可以推荐给好友哦。