language的意思是使用 javascript 语言!
type 是类型
function 是一个关键字;
MM_jumpMenu是函数名称;
targ,selObj,restore 是还输的参数!
简单的插件代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>动态导航插件</title>
<style type="text/css">
<!--
body, td, th {
font-size: 14px
background-color:#FFF
}
h1{border-bottom:1px solid #999margin:50px 60px}
/*导航默认样式,可根据实际情况修改*/
* {
margin:0
padding:0
}
.nav {
width:980px
height:30px
left:50%
margin-left:-490px
list-style:none
position:relative
}
.nav li {
display:inline-block
margin:0 3px
position:relative
overflow:hidden
height:30px/*建议此高度大于等于里面的a标签高度*/
float:left
}
.nav li span {
display:inline-block
overflow:hidden
}
.nav li a {
text-decoration:none
outline:none
color:#666
display:inline-block
padding:0 10px
text-align:center
background-color: #E1E1E1
font-weight:bold
height:30px
line-height:30px
}
/*鼠标经过时样式*/
.nav li a.over {
background-color:#666
color:#FFF
}
-->
</style>
<script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
(function($){
$.fn.dynamicNav=function(options){
//默认配置
var defaults = {
direction:"up", //动画切换方向,总共4种up 、down 、left 、right
duration:100 //三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
}
// 覆盖默认配置
var opts = $.extend(defaults, options)
this.each(function(){
var navList=$(this).find("li"),
navLink=navList.find("a")
//在a标签外侧插入span
navList.wrapInner("<span></span>")
var span=navLink.parent()
//判断是否垂直切换
if(opts.direction=="up" || opts.direction=="down"){
var v=true
}
//判断是否改变span初始位置及a样式
if(opts.direction=="right" || opts.direction=="down"){
var restSpan=true
}
navLink.each(function(){
//获取a高度和宽度
var w=$(this).outerWidth(),
p=$(this).parent()
//初始复制现有a标签
$(this).clone().appendTo(p).addClass("over")
//如果是垂直切换
if(v){
p.css("width",w)
}else{
p.css("width",2*w).parent().css("width",w)
}
})
//如果向右或向下切换,改变span初始位置及a样式
if(restSpan){
span.each(function(){
if(opts.direction=="right"){
$(this).css({"margin-left":-$(this).outerWidth()/2})
}
if(opts.direction=="down"){
$(this).css({"margin-top" : -$(this).outerHeight()/2})
}
$(this)
.find('a')
.last()
.removeClass("over")
.prev()
.addClass("over")
})
}
//鼠标经过时动画函数
function over(o){
o.animate(v?{"margin-top": -o.outerHeight()/2}:{"margin-left": -o.outerWidth()/2}, opts.duration)
}
//鼠标移开时动画函数
function out(o){
o.animate(v?{"margin-top":0}:{"margin-left": 0}, opts.duration)
}
//鼠标经过和离开
span.hover(function(){
restSpan ? out($(this)) : over($(this))
},function(){
restSpan ? over($(this)) : out($(this))
})
})
}
})(jQuery)
$(function(){
//向左
$("#nav1").dynamicNav({
direction:"left", //动画切换方向,总共4种up 、down 、left 、right
duration:300 //三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
})
//向右
$("#nav2").dynamicNav({
direction:"right",
duration:200
})
//向上
$("#nav3").dynamicNav({
direction:"up",
duration:100
})
//向下
$("#nav4").dynamicNav({
direction:"down",
duration:400
})
})
</script>
</head>
<body>
<h1>向左(速度300毫秒)</h1>
<ul class="nav" id="nav1">
<li><a href="http://www.muzilei.com/">首页</a></li>
<li><a href="http://www.muzilei.com/">前端技术</a></li>
<li><a href="http://www.muzilei.com/">视觉设计</a></li>
<li><a href="http://www.muzilei.com/">文章归档</a></li>
<li><a href="http://www.muzilei.com/">工具/书籍</a></li>
<li><a href="http://www.muzilei.com/">关于我</a></li>
</ul>
<h1>向右(速度200毫秒)</h1>
<ul class="nav" id="nav2">
<li><a href="http://www.muzilei.com/">首页</a></li>
<li><a href="http://www.muzilei.com/">前端技术</a></li>
<li><a href="http://www.muzilei.com/">视觉设计</a></li>
<li><a href="http://www.muzilei.com/">文章归档</a></li>
<li><a href="http://www.muzilei.com/">工具/书籍</a></li>
<li><a href="http://www.muzilei.com/">关于我</a></li>
</ul>
<h1>向上(速度100毫秒)</h1>
<ul class="nav" id="nav3">
<li><a href="http://www.muzilei.com/">首页</a></li>
<li><a href="http://www.muzilei.com/">前端技术</a></li>
<li><a href="http://www.muzilei.com/">视觉设计</a></li>
<li><a href="http://www.muzilei.com/">文章归档</a></li>
<li><a href="http://www.muzilei.com/">工具/书籍</a></li>
<li><a href="http://www.muzilei.com/">关于我</a></li>
</ul>
<h1>向下(速度400毫秒)</h1>
<ul class="nav" id="nav4">
<li><a href="http://www.muzilei.com/">首页</a></li>
<li><a href="http://www.muzilei.com/">前端技术</a></li>
<li><a href="http://www.muzilei.com/">视觉设计</a></li>
<li><a href="http://www.muzilei.com/">文章归档</a></li>
<li><a href="http://www.muzilei.com/">工具/书籍</a></li>
<li><a href="http://www.muzilei.com/">关于我</a></li>
</ul>
</body>
</html>
JS插件是亚马逊选品必备软件。其新功能有:1、快速透视,Listing页面数据。进入任一listing详情页,无需点击,JS插件即自动呈现页面内嵌数据:月销量、日销量、价格和排名的历史趋势等关键数据,便于一目了然商品生命周期,分析热销潜力商品;知己知彼,合理安排自己的运营策略。
2、解放运营双手,批量营销。通过JS插件批量发送邮件,效率提升80%,同时也保留了“单独发送请求”的功能,做精细化运营的卖家可以通过控制变量测试发送的效果。JS插件还能智能地识别出发起过退货、换货申请的买家。针对这些买家,系统会自动过滤,不发送邀请提醒,从而减少带来的差评概率。
想要了解更多有关js插件的相关信息,推荐咨询Jungle Scout。JS插件(Chrome Extension),是亚马逊卖家圈中的第一款明星产品,功能强大、设计简单,卖家可以一键查看现有产品的销量、竞争程度以及历史销售趋势。Jungle Scout倡导数据化智能选品、打造精品店铺、通过高效运营技巧和策略来获得中国品牌跨境出海成功,是亚马逊跨境电商行业的领军品牌,影响了全球超过100万亚马逊从业者,实力强大,值得选择。