本文目录一览：
淘宝新模板市场 高级 简易 js特效 TAE以及 基础模板的区别
①基础模板
为旺铺基础版店铺 提供基础模板装修功能的模板
②简易模板
设计师只需要覆盖系统模块就可以了，请点击 系统模块白名单 查看所有系统模块
③高级模板
设计师不仅需要覆盖系统模块，还需要创建设计师模块
④JS特效模板
在高级模板的基础上，设计师还可以创建5个JS模块
JS是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作，能够具有交互性，能够包含更多活跃的元素。采用JS技术的店铺，将实现不一样的店铺特效，让买家眼前一亮，购物体验更佳。-js特效
⑤TAE功能模板
可以调用系统提供的接口进行读取存储数据的功能性模板
新旺铺2012 SDK 2 模板类型和区别
模板类型 适用店铺类型 设计师模块 布局支持 皮肤（风格） JS特效 TAE应用 起步价
基础模板 旺铺基础版 不支持 仅190-750和750-190 仅支持一套 不支持 不支持 5/月
简易模板 新旺铺2012 不支持 支持所有布局 最大支持三套 不支持 不支持 5/月
高级模板 新旺铺2012 支持 支持所有布局 最大支持三套 不支持 不支持 30/月
JS特效模板 新旺铺2012 支持 支持所有布局 最大支持三套 支持 不支持 50/月
TAE功能模板 新旺铺2012 支持 支持所有布局 最大支持三套 支持 支持 待定
什么是JS特效
JS特效就是网页中实现的特殊效果或者特殊的功能的一种技术,是用网页脚本(javascript)来编写制作动态特殊效果。
比如图片切换，渐变等等，它为网页活跃了网页的气氛，有时候会起到一定的亲切力。
JavaScript 是根据 "ECMAScript"标准制定的网页脚本语言。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。
扩展资料：
能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（DOM，文档对象模型）、Layers和 Cascading Style Sheets（CSS，层叠样式表）。-js特效
JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意。-js特效
如何把js特效添加在自己做的网页中?
当要把JavaScript代码插入HTML页面里面，需要使用 script 标签（同时使用 type 属性来定义脚本语言）。
这样，script type="text/javascript" 和 /script 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。
html body script type="text/javascript"xxxx/script /body /html
例如：xxxx字段是JavaScript代码效果执行，用来向页面写入输出。
把xxxx命令输入到 script type="text/javascript"与/script之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "wwww"。-js特效
html body script type="text/javascript" document.write("wwww"); /script /body /html
最后的结果就会在页面上显示“wwww”效果，从而实现JS特效在页面上的插入。
JS写幻灯片特效
新建一个文件夹dome,
在文件下新建一个文件夹img 放入5张名称为1,2,3,4,5 格式为“.jpg”的图片文件。
在新建一个dome.html 文件 内容如下：
html
head
meta charset="UTF-8"/
title/title
style type="text/css"
*{margin: 0;padding: 0;}
#a1{
width: 600px;
height: 500px;
border: 10px silver solid;
animation:backgroundImg 5s infinite ;
-webkit-animation:backgroundImg 5s infinite;
}
@keyframes backgroundImg{
0%{background-color: #0000FF;}
25%{background-color: #0099FF;}
50%{background-color: #00FFFF;}
75%{background-color: #99FFFF;}
100%{background-color: #FFFFFF;}
}
@-webkit-keyframes backgroundImg{
0%{background-color: #0000FF;}
25%{background-color: #0099FF;}
50%{background-color: #00FFFF;}
75%{background-color: #99FFFF;}
100%{background-color: #FFFF00;}
}
#backImg{
width: 500px;
height: 490px;
/*border: 5px red solid;*/
margin-left:45px ;
z-index: 100;
background-size:100% 100%;
}
a:hover{
background-color:#0000FF;
border: 5px springgreen solid;
width: 20px;
}
a{
display: block;
z-index: ;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: beige;
font-weight: 300;
border-radius:50% ;
font-size: 2em;
background-color:#0099FF;
position: absolute;
top: 255px;
box-shadow: none;
}
#right{
left:580px;
}
span{
display: block;
width: 50px;
height: 10px;
background-color: #99FFFF;
float: right;
margin-left: 20px;
position: relative;
bottom: 50px;
right: 100px;
}
#show{
width: 200px;
height: 100px;
border: 1px red solid;
position: absolute;
bottom: 230px;
right: 150px;
background-size:100% 100% ;
}
/style
/head
body
div id="a1"
a id="left"lt;/a
a id="right"gt;/a
div id="backImg"/div
div id="foot"/div
/div
script type="text/javascript"
var div=document.getElementById("a1");
var backImg=document.getElementById("backImg");
var a_left=document.getElementById("left");
var a_right=document.getElementById("right");
var i=0;
function backImage(){
i++;
backImg.style.backgroundImage="url(img/" +i+".jpg)";
setTimeout(backImage,7000);
if(i=5){
i=0;
}
}
backImage();
a_left.onclick=function(){
i--;
if(i=0||i5){
i=5;
}
backImg.style.backgroundImage="url(img/" +i+".jpg)";
}
a_right.onclick=function(){
i++;
if(i=0||i5){
i=1;
}
backImg.style.backgroundImage="url(img/" +i+".jpg)";
}
for (var j = 0; j 3; j++) {
var span=document.createElement("span");
span.id="span_"+j;
div.appendChild(span);
span.onmouseover=function(){
show(event);
}
}
function show(e) {
backImg.style.opacity="0.5";
var span = e.target;
var div = document.createElement("div");
div.id = "show";
span.parentNode.appendChild(div);
console.log(span.id);
if(span.id=="span_2"){
i-=1;
console.log(i);
if(i=0||i5){
i=5;
}
div.style.backgroundImage="url(img/" +i+".jpg)";
}else if(span.id=="span_1"){
div.style.backgroundImage="url(img/" +i+".jpg)";
}else if(span.id=="span_0"){
i+=1;
if(i=0||i5){
i=1;
}
div.style.backgroundImage="url(img/" +i+".jpg)";
}
span.onmouseout = function() {
backImg.style.opacity="initial";
this.parentNode.removeChild(div);
}
span.onclick=function(){
backImg.style.backgroundImage="url(img/" +i+".jpg)";
}
}
/script
/body
/html
JS特效模版是什么意思
就是使用javascript做的一些非常漂亮的特效，比如导航条，一些炫酷的动画，这些模板的好处就是只需修改对应的html元素的id 或者class，就可以将这些效果应用到属于你自己的网页上。百度知道上也有很多JS特效，比如抽奖和商城页面的特效就非常炫酷。-js特效
