店铺装修装饰代码

Currently 2.33/5
1
2
3
4
5

页面分类: 网店装修

天下维客，你可以修改的网络知识库

Jump to: navigation, search

网店装修是技术和艺术的完美结合，在实际接触中，常常遇到一些店主询问我怎么让自己的网店更加个性化。然后我反问：你眼中个性化的网店是什么？多数网店主的回答是：就是如何让自己的网店出现一些特技效果。对于，网店的个性化，我的见解是要有创意，没有创意的网店无论如何很难有个性化。网店的创意设计，很难速成，但是要实现网店的特技确很容易，只要掌握一些常用的特技效果的网页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://www.068058.com// 换成是漂浮图片点击后出现的页面，也就是点击后出现的详细的介绍页面换成是漂浮广告图片的URL地址，最好采用绝对路径var x = 50,y = 60 //浮动层的初始位置，分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内，xin为真是层向右移动，否则向左；yin为真是层向下移动，否则向上var step = 1 //层移动的步长，值越大移动速度越快var delay = 10 //层移动的时间间隔,单位为毫秒，值越小移动速度越快

网店装修

→ 相关内容请参见：网上开店

[编辑]

店铺装修装饰代码

天下维客，你可以修改的网络知识库

目录

背景上显示时钟

添加背景花瓣效果

漂浮广告代码

相关条目

Views

Personal tools

搜索

工具