网店的装修是技术和艺术的完美结合,在实际接触中,经常碰到一些店主询问我怎么让自己的网店更加个性化。然后我反问:你眼中个性化的网店是什么?多数网店主的回答是:就是如何让自己的网店出现一些特技效果。对于,网店的个性化,我的见解是要有创意,没有创意的网店无论如何很难有个性化。网店的创意设计,很难速成,但是要实现网店的特技确很轻易,只要把握一些常用的特技效果的网页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>http://www.068058.com//换成是漂浮图片点击后出现的页面,也就是点击后出现的具体的介绍页面
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i ) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"yellow",
"lime",
"coral",
"palegreen",
"silver",
"gold",
"red";
delay = .5; // seconds
link = 0;
vlink = 0;
function linkDance() {
link = (link 1)%colors.length;
vlink = (vlink 1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay*1000);
}
linkDance();
// End -->
</script>http://www.google.com/intl/zh-CN/add_url.html
http://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
http://misc.yahoo.com.cn/search_submit.html
把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间
-----上面的代码说明-------
那么链接处就会出现彩色字体
注重:不能在<style>中定义好链接颜色
五、增强被搜索的机会(把自己的小店或网站最快推广的方法之一)
六、缩短网址最佳利器:http://www.kuso.cc/
七、计数器申请网站:http://00counter.com/
八、插入图片:<img border="0" src="图片地址" />

RSS订阅