<script language="JavaScript" type="textJavaScript"> function MM_jumpMenu(targ,selObj,restore)

JavaScript017

<script language="JavaScript" type="textJavaScript"> function MM_jumpMenu(targ,selObj,restore),第1张

这是一段javascript代码!

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万亚马逊从业者,实力强大,值得选择。