您所在的位置:首页 > 资新闻 > > 阿里巴巴/淘宝网点店铺装修代码店铺装饰代码大全

阿里巴巴/淘宝网点店铺装修代码店铺装饰代码大全

日期: 2015-08-16 浏览人数: 15835 来源: 编辑:

分享到:
核心提示:网店的装修是技术和艺术的完美结合,在实际接触中,常常遇到一些店主询问我怎么让自己的网店更加个性化。然后我反问:你眼中个性

网店的装修是技术和艺术的完美结合,在实际接触中,常常遇到一些店主询问我怎么让自己的网店更加个性化。然后我反问:你眼中个性化的网店是什么?多数网店主的回答是:就是如何让自己的网店出现一些特技效果。对于,网店的个性化,我的见解是要有创意,没有创意的网店无论如何很难有个性化。网店的创意设计,很难速成,但是要实现网店的特技确很容易,只要掌握一些常用的特技效果的网页html代码、脚本代码就可以轻松搞定。
    在具体应用中初学者或多或少的有些难度,建议先从一些简单的代码做,在熟悉和认知规律后在做一些较复杂的。
一、背景上显示时钟:
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>

<div id="mainbody" style="position:absolute; visibility:visible">

</div>
二、添加背景花瓣效果
<script Language="java - script">
function a(x,y,color)
{document.write("<img border='0' style='position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+"' src='px.gif' width=1 height=1>"}
</script>
<script>

for(t=1;t<=360;t++){
lo=200 * Math.sin(2 * (Math.PI / 180) * t);
x = lo * Math.cos((Math.PI / 180) * t);
y = lo * Math.sin((Math.PI / 180) * t);
a(x,y,"#000000";
lo=200 * Math.cos(2 * (Math.PI / 180) * t);
x = lo * Math.cos((Math.PI / 180) * t);
y = lo * Math.sin((Math.PI / 180) * t);
a(x,y,"#ff0000";
}
</script>
三、漂浮广告代码
<div id="ad" style="position:absolute">
<a href= target="_blank">
<img src="" >
</a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("ad"
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>

把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间

-----上面的代码说明-------

http://url.alibaba.com/r/aHR0cDovL3d3dy4wNjgwNTguY29tLy8=换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面
换成是漂浮广告图片的URL地址,最好采用绝对路径
var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快
四、链接处变换色彩
连接变化色彩可以通过多种方式来实现,下面介绍一种用java来实现的方法。
脚本说明:
第一步:把如下代码加入区域中

那么链接处就会出现彩色字体
注意:不能在<style>中定义好链接颜色
五、增强被搜索的机会(把自己的小店或网站最快推广的方法之一)
http://url.alibaba.com/r/aHR0cDovL3d3dy5nb29nbGUuY29tL2ludGwvemgtY24vYWRkX3VybC5odG1s
http://url.alibaba.com/r/aHR0cDovL3d3dy5iaYWlkdS5jb20vc2VhcmNoL3VybF9zdWJtaXQuaHRtbA==
http://url.alibaba.com/r/aHR0cDovL2RiaLnNvaHUuY29tL3JlZ3VybC9yZWdmb3JtLmFzcA==
http://url.alibaba.com/r/aHR0cDovL21pc2MueWFob28uY29tLmNuL3NlYXJjaF9zdWJtaXQuaHRtbA==

六、缩短网址最佳利器:http://url.alibaba.com/r/aHR0cDovL3d3dy5rdXNvLmNjLw==

七、计数器申请网站:http://url.alibaba.com/r/aHR0cDovLzAwY291bnRlcia5jb20v

八、插入图片:<img border="0" src="图片地址" />
九、插入公告图片:<img src="公告图片地址"/>

十、插入公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />

☆把挂饰图片上传到网络相册里哦!!!!,
然后点击图片放大,在大图中鼠标右键选择属性,在属性中有网络地址,把它拷贝下来,
放到下边一串代码里替代汉字部分!!!
<img src="图片地址" style="left:20px; position: relative; top:0px" />
再打开我的店铺管理把这段代码放在店铺公告最后就可以啦,你就可以在你的店铺里看见挂饰了。☆

十一、店铺分类代码:<IMG src="图片地址">

十二、背景音乐代码:

<bgsound loop="-1" src="音乐地址"></bgsound>
提供一些常用的钢琴曲或音乐(自己重新选择添加音乐的时候,可以在WWW。BAIDU.COM中搜索MP3等,在出现播放器在播放你需要的音乐时,用鼠标左键选中该播放器,全部选中后,点右键选择“属性”,里面的地址才是歌曲的链接地址)
秋日的私语http://url.alibaba.com/r/aHR0cDovL3d3dy5tZWlsaWUuY29tLmNuL2luZm8veHh5eia9pbWFnZXMvcGlhbm8vMDYubXAz
致爱丽丝http://url.alibaba.com/r/aHR0cDovL3d3dy5zem54LmNvbS5jbia9udC9kaXNjb2wvbGozMy9tdXNpYy9tdXNpYzYubXAz
一路上有你http://url.alibaba.com/r/aHR0cDovLzEyMy50Zm9sLmNvbS9zaW5nL3dlYia9tdXNpYy8yMDA1MzI4MjI2NTNfNjA1Mia5tcDM=
鸟鸣:http://url.alibaba.com/r/aHR0cDovL2Jiac2F0dC5jY21vdmUuY29tL2Rvd25sb2FkXzAxMC82MDQ2MzIveW0tJWI0JWQ0JWMxJWQ2JWM0JWYxJWMzJWY5Lm1wMw==
http://url.alibaba.com/r/aHR0cDovLzYzMS51dWNsdWJzLmNvbS9hdWRpby91cGxvYWQvNjc0MDAwL3podW9fcWlhbmdfbW9iabG9nXzExMTE3NDA0MzhfMTgyOS5tcDM=
水边的阿狄丽娜http://url.alibaba.com/r/aHR0cDovL3d3dy5qY2JrLmNvbS9pbWFnZXMvYWJjZC5tcDM=
古筝梅花三弄http://url.alibaba.com/r/aHR0cDovL3d3dy53ZW55aS5jb20vYXJ0L211c2ljL211c2ljL2NodWl6b3UvbWVpaHVhLm1wMw==
http://url.alibaba.com/r/aHR0cDovL3d3dy5ocmI2OS5lZHUuY24vc3Vuc2hpbmUvd2Viady8yLjgvZmlsZXMv赵咏华-最浪漫的事.mp3
古筝:鸭戏水http://url.alibaba.com/r/aHR0cDovL3d3dy5zanNlZHUubmV0LmNuL3hpYW94dWVqaWFveWFuL3h1ZWtlZGFvaGFuZy9tdXNpYy9maWxlLTUvdGV4dDIvbnVzaWMvZ3U1Lm1wMw==
http://url.alibaba.com/r/aHR0cDovL3d3dy5saWFuZ2dlLm5ldC9zb2Z0Lw==枉凝眉.mp3
古筝 十送红军http://url.alibaba.com/r/aHR0cDovL25oeXoub3JnL2xrbS95eXhzL2d6aGVuZy9zaHNoaia5tcDM=
古筝弯完的月亮http://url.alibaba.com/r/aHR0cDovL3d3dy50enNnenguY29tL215bXVzaWMvb25l (2006-3-19 15-33-47)/10.wma

十三、在图片里附加音乐的办法:<img border=0 src="图片地址" dynsrc=音乐地址>

十四、浮动的图片的代码:</td></tr></table>;<img alt="1" height="150" src="图片地址"

十五、添加QQ在线
<a class='qqa' target=blank href='http://url.alibaba.com/r/aHR0cDovL3dwYS5xcS5jb20vbXNncmQicdj0JnVpbj0zMjAwMDEwMzEmc2l0ZT0=在线咨询&Menu=no' title='在线即时交谈'><img src=/decor/UploadFiles_3685/200609/20060911223001429.gif border=0 align=middle>320001031</a>

十六、添加旺旺在线:<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src="" border="0>
说明:这个连接要选择你自己旺旺连接的地址,

十七、下面的代码设置在一定区域内让文字向上滚:“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up scrollamount=2>文字</marquee></font></b></center>

十八、插入-FLASH动画
<embed src="http://url.alibaba.com/r/aHR0cDovL2NhcnRvb25maWxlLjE2My5jb20vc291cmNlLzU1MDk1L21pbmd6emQ=" width="400"height="290"></embed>  

十九、让文字左右来回流动
<marquee  behavior="alternate">我淘心情你淘宝贝</marquee>          
                             

二十、让文字由下至上滚动
  <marquee  direction="up">我淘心情你淘宝贝</marquee>      

二十一、让文字由左向右流动
  <marquee direction="right">我淘心情你淘宝贝</marquee>      


                         
二十二、如何让文章中的重要文字变成红色:<font color="#FF0000">我淘心情你淘宝贝</font>

二十三、添加背景音乐:<bgsound src=/textbook/matter/music/china.mid loop="-1">                         

二十四、各字体颜色代码(把文字改成要添加的颜色的英文)

<font color="#008000">文字</font>

二十六、文字加粗,倾斜的代码
文字加粗的代码是: <b>文字</b>
文字倾斜的代码是: <i>文字</i>

二十七、换行代码
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br>
这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明
如果输入一个<br>,那就是另起一行,如果连续输入两个,即<br><br>,那就会空一行

二十八、移动图片的代码
<marquee><img src=http://url.alibaba.com/r/aHR0cDovLzlzb2hvLmNvbS9pbWFnZXMvbG9nby5naWY= width="180" height="60"</img></marquee>
<marquee><img src=http://url.alibaba.com/r/aHR0cDovLzlzb2hvLmNvbS9pbWFnZXMvbG9nby5naWY= width="180" height="60"</img></marquee>

二十九、中文星期网页特效:
<script  LANGUAGE="java - script">
<!-- document.write("<center><font size=+1><b>"
now = new Date() //定义新对象,new具有Date的性质
document.write("<center><small>"
if (now.getDay() == 5) document.write("星期五"

if (now.getDay() == 6) document.write("星期六"

if (now.getDay() == 0) document.write("星期日"

if (now.getDay() == 1) document.write("星期一"

if (now.getDay() == 2) document.write("星期二"

if (now.getDay() == 3) document.write("星期三"

if (now.getDay() == 4) document.write("星期四"

document.write("</small></center>"

//--> </script>

三十、添加到收藏夹的代码:
<span style="CURSOR: hand""window.external.addFavorite('http://url.alibaba.com/r/aHR0cDovLw==店网址','想添加的名称')" title="想添加的名称">收藏本站</span>

三十一、设为首页的代码:
<span"var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('小店网址');" style="CURSOR: hand">设为首页</span>

三十二、保护自己的页面不被别人放在框架中:
<script LANGUAGE="java - script">
if(self!=top){top.location=self.location;}
</script>
   
三十三、状态栏出现打字效果特效代码:
要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<script LANGUAGE="java - script">
<!-- Begin
var msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
var updateStatus = "";
var i = 0;
function statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
}
function nextLetter() {
updateStatus = msg.substrin(0,i) + '_';
window.status = updateStatus;
i++;
statusMessage();
}
//  End -->
</script>

第二步:把“onLoad="statusMessage()"”加在<body>标记里
例如:<body"statusMessage()">
三十四、在标题栏显示时间特效代码
完成此效果把如下代码加入到<body>区域中

<script LANGUAGE="java - script">

<!-- Begin

var clocktext;

var pagetitle = document.title;

function scroll() {

today = new Date();

sec = today.getSeconds();

hr = today.getHours();

min = today.getMinutes();

if (hr <= 9) hr = "0" + hr;

if (min <= 9) min = "0" + min;

if (sec <= 9) sec = "0" + sec;

var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;

clocktimer = setTimeout("scroll()", 1000);

document.title = pagetitle + clocktext;

}

if (document.all) scroll();

//  End -->

</script>
三十五、舞台光柱特效代码:
<head>
<title>Untitled</title>
</head>

<body bgcolor="Black">

<div id="myLightObject" style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px;
color: White; filter: light">
<p align="center">
春花秋月何时了,往事知多少
</p>
<p align="center">
<br>
小楼昨夜又东风
</p>
<p align="center">
<br>
故国不堪回首月明中。
</p>
<p align="center">
<br>
雕栏玉砌应犹在,只是朱颜改。
</p>
<p align="center">
问君能有几多愁,
</p>
<p align="center">
<br>
恰似一江春水向东流。<br>
</p>
</div>

<script language="VBscript">
Option Explicit
sub window_onLoad()
call myLightObject.filters.light(0).addambient(0,0,255,30)
call myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10)
end sub

sub document_onMouseMove()
call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)
end sub
</script>

</body>
</html>

立体裁剪淑女气质风衣,充满年轻与活力感的外套,

华丽的花朵装饰,是那么的具有视觉效果。

玫瑰花与荷叶边 腰带的完美搭配,是非常有女人味的,

不过分的张扬、也不低调,

恰如其分的独自散发其内敛的时尚魅力。

穿着高雅 大方超显气质呦!

http://url.alibaba.com/r/aHR0cDovL3N0b3JlLnRhb2Jhby5jb20vc2hvcC92aWV3X3Nob3AuaHRtP25la290PWVuam9iaZzkyenhwM2FhPT0MjkwNzMyNTU1NzA4JnVzZXJfbnVtYmVyX2lkPTYwODM2ODYyMg==

 

|||

说的很对 !

|||可是怎么用呢? 还是不会耶|||自己打开个,网页选择查看代码,按上述操作即可|||看着比较迷茫,看来还得努力学习呀|||

http://url.alibaba.com/r/aHR0cDovL3hpYW9oYW4xMia50YW9iaYW8uY29tLw==

|||

收藏 备用

 

 

|||不太会|||不太会|||怎么用的呢,还是不会装修,郁闷……|||坚持就是胜利,自信是我们跨越成功的大门!支持楼主了,祝生意兴隆!欢迎有空来我店里坐坐哦。促销活动中!
|||

你太有才啦!

|||直销 羊毛制品 让您的冬季不再寒冷|||谢谢楼主,很有用|||

先收藏再慢慢看。

|||

支持个

|||

我还是不能成功添加音乐啊,谁能教教我啊,帮我做一下

|||

悲催啊,不会用啊,楼主救命

免责声明:
本网站部分内容来源于合作媒体、企业机构、网友提供和互联网的公开资料等,仅供参考。本网站对站内所有资讯的内容、观点保持中立,不对内容的准确性、可靠性或完整性提供任何明示或暗示的保证。如果有侵权等问题,请及时联系我们,我们将在收到通知后尽快妥善处理该部分内容。

微信

关注本网官方微信账号:“微信”,每日获得互联网前沿资讯,热点产品深度分析!
0条 [查看全部]  相关评论

企业档案

  • 在线状态:当前离线
  • 在线联系: 
联系方式
  • 公司:超级管理员
  • 联系人:一网推天下
  • 电话:15151515578
  • 地址:江苏省苏州市木渎镇丹枫路企优托大厦388号
  • 网址http://qytadmin.yiwangtui.com/