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

[05-04 23:34:00]   来源:http://www.dxs51.com  网店装修   阅读:95

概要: 这里只是举个例子,这个时候我们是最关键的第三步: 我们要在电脑里新建一个文本txt文件.保存这段代码,并且注意要把这代码里所有的换行都去掉,(就是把所有回车都删除掉,让代码成一行显示) 我们重复上边的动作,把想滚动的图片的代码依次这样写到本本里保存, 下边,我们开始讲解怎么样最终使这个动起来,这里就要用到了marqueen这个html的参数设置了 格式如下: 这里写我们刚才做好的代码 记住哈,千万不要带换行,一带换行就不支持了 下边举个简单例子

三步打造动态滚动展示图片,http://www.dxs51.com

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

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

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

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

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

如下图例所示

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

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

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

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

格式如下:

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

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

下边举个简单例子

 

 

★简单解释下:

这里参数的意义

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

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

scrollamount=数字这个参数 是控制时间的,数字1到6,越大越快

dirction= 这里有 right up 可以设置 控制方向的参数

以上,就是我们做好的动态滚动图片显示的窗口

 


标签:网店装修淘宝网店装修教程大全,淘宝网店装修网上开店 - 网店装修

《三步打造动态滚动展示图片》相关文章