手机端返回顶部,返回首页链接代码按钮怎么添加?手机端页面很长时,可能想在底部做个返回首页的按钮这样可以让客户一下子就跳回第一屏位置了,看到很多人都会问到,小编在此整理一个图文教程,里面有具体的步骤!
首先先做好手机端要加返回顶部的图片,然后上传到图片空间,如果是用的淘宝智能版自带的美颜切图加链接,图片做750宽,如果是用淘宝天猫无线端自由热区工具加链接,图片做640宽。图片上做好一个带返回顶部首页按钮的位置先。然后画热区加上链接就行.
淘宝首页返回顶部链接设置
好,这是图片,已准备好,自行上传到自己对应图片空间先
然后看如何添加链接。
1.打开dreamweaver
2.点击文件---新建html-----将上面原本的代码全部删除。
3.点击插入---选择自己想要的图片(已经上传到自己图片空间,链接填写图片的空间链接地址,不然放到淘宝无法显示。)
4.在软件的左上角有三个模式:淘宝装修代码、拆分、设计。在这里我们点击拆分,就能同时看到图片和代码两种形式了,当然直接用设计模式也是可以,这样就看不到代码了,常看代码有助于对代码的掌握,以后就能自己写了。
5.点击显示的图片,窗口下面会出现属性栏,如图所示。
6.点击三个热点工具(你会看到有长方形,椭圆还有一个多边形有点偏蓝的形状,就是这三个。)其中一个,看你的按钮是什么形状的。
7.然后在图片上你想要添加淘宝手机端热点的位置按住鼠标左键,拉出你想要的形状,然后松开鼠标。
8.这时在程序下面的属性栏变了,这时你需要做三件事。
(1)在链接里填上你想要跳转的链接地址。注意原本的#要删掉
(2)目标选择_blank,就是在新窗口打开。
(3)地图后面的名字修改成自己想要的名称
记住名称只能用一次,不然会失效,我的建议是在map后面加上年月日时分,即时间,这样能保证永远你不会重复,当然这只是个习惯。很多新手都会犯重复的错误,然后就不能成功了。
留言与评论(共有 条评论) |