有谁能给我做个京东商城右侧的那种选项卡切换的Javascript效果~

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

在宜昌等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、网站制作 网站设计制作定制制作,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销推广,成都外贸网站建设,宜昌网站建设费用合理。

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titlejquery tab选项卡 ajax选项卡 静态选项卡 鼠标点击选项卡 鼠标滑过选项卡/title

style type="text/css"

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";}

a{color:#333;text-decoration:none;}

a:hover{color:#3366cc;text-decoration:underline;}

h2{font-size:14px;text-align:center;}

/* tabbox */

.tabbox{width:432px;margin:20px auto;position:relative;height:171px;overflow:hidden;}

.tabbox .tabbtn{height:30px;background:url(images/tabbg.gif) repeat-x;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}

.tabbox .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}

.tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:30px;line-height:30px;overflow:hidden;width:108px;text-align:center;font-size:12px;cursor:pointer;}

.tabbox .tabbtn li.current{border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;border-top:solid 1px #c5c5c5;}

.tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{border-top:solid 2px #ff6600;height:27px;line-height:27px;background:#fff;color:#3366cc;font-weight:800;}

.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}

.tabbox .tabcon{padding:10px;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;}

.tabbox .tabcon li{height:24px;line-height:24px;overflow:hidden;}

.tabbox .tabcon li span{margin:0 10px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}

/style

/head

body

h2静态 选项卡 滑过事件/h2

div class="tabbox" id="statetab"

ul class="tabbtn"

li class="current"a href="#"jquery 特效/a/li

lia href="#"javascript 特效/a/li

lia href="#"div+css 教程/a/li

lia href="#"HTML5 特效/a/li

/ul!--tabbtn end--

div class="tabcon"

ul

lispan▪/spana href="#" title="jquery 图片特效插件 异步读取图片TOP排行榜特效"jquery 图片特效插件 异步读取图片TOP排行榜特效/a/li

lispan▪/spana href="#" title="jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器"jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器/a/li

lispan▪/spana href="#" title="jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单"jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单/a/li

lispan▪/spana href="#" title="jquery soChange 切换插件 支持焦点图片切换 选项卡切换 带按钮与分页索引按钮切换"jquery soChange 切换插件 支持焦点图片切换 选项卡切换 带按钮与分页索引按钮切换/a/li

lispan▪/spana href="#" title="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动"jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动/a/li

/ul

/div!--tabcon end--

div class="tabcon"

ul

lispan▪/spana href="#" title="javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值"javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值/a/li

lispan▪/spana href="#" title="javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动"javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动/a/li

lispan▪/spana href="#" title="javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动"javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动/a/li

lispan▪/spana href="#" title="js多功能选项卡插件 选项卡自动切换内容图片延迟加载"js多功能选项卡插件 选项卡自动切换内容图片延迟加载/a/li

lispan▪/spana href="#" title=" javascript滚动图片按钮控制图片左右自动滚动" javascript滚动图片按钮控制图片左右自动滚动/a/li

/ul

/div!--tabcon end--

div class="tabcon"

ul

lispan▪/spana href="#" title="div+css制作非常实用的24款分页页码css代码"div+css制作非常实用的24款分页页码css代码/a/li

lispan▪/spana href="#" title="用div+css3美化制作动画导航特效鼠标滑过动画显示"用div+css3美化制作动画导航特效鼠标滑过动画显示/a/li

lispan▪/spana href="#" title="用div+css制作纯CSS下拉菜单，兼容IE6 IE7 IE8及以上 Firefox"用div+css制作纯CSS下拉菜单，兼容IE6 IE7 IE8及以上 Firefox/a/li

lispan▪/spana href="#" title="CSS如何定位工程"CSS如何定位工程/a/li

lispan▪/spana href="#" title="用div+css制作一个CSS3的泡泡动画按钮非常漂亮"用div+css制作一个CSS3的泡泡动画按钮非常漂亮/a/li

/ul

/div!--tabcon end--

div class="tabcon"

ul

lispan▪/spana href="#" title="jquery HTML5 幻灯片插件 用 Canvas 制作类似百叶窗拍摄快门摄影拍摄效果"jquery HTML5 幻灯片插件 用 Canvas 制作类似百叶窗拍摄快门摄影拍摄效果/a/li

lispan▪/spana href="#" title="制作CSS3和HTML5的一个单页网站模板"制作CSS3和HTML5的一个单页网站模板/a/li

lispan▪/spana href="#" title="jquery 幻灯片切换应用一个HTML5的幻灯片"jquery 幻灯片切换应用一个HTML5的幻灯片/a/li

lispan▪/spana href="#" title="jquery 图片滚动特效应用旋转幻灯片使用jQuery和CSS3"jquery 图片滚动特效应用旋转幻灯片使用jQuery和CSS3/a/li

/ul

/div!--tabcon end--

/div!--tabbox end--

script type="text/javascript" src=""/script

script type="text/javascript"

//ajax 选项卡

$('#ajaxtab .tabbtn li a').click(function(){

var thiscity = $(this).attr("href");

$("#ajaxtab .loading").ajaxStart(function(){

$(this).show();

});

$("#ajaxtab .loading").ajaxStop(function(){

$(this).hide();

});

$('#ajaxtab .tabcon').load(thiscity);

$('#ajaxtab .tabbtn li a').parents().removeClass("current");

$(this).parents().addClass("current");

return false;

});

$('#ajaxtab .tabbtn li a').eq(0).trigger("click");

//tab plugins 插件

$(function(){

//选项卡鼠标滑过事件

$('#statetab .tabbtn li').mouseover(function(){

TabSelect("#statetab .tabbtn li", "#statetab .tabcon", "current", $(this))

});

$('#statetab .tabbtn li').eq(0).trigger("mouseover");

//选项卡鼠标滑过事件

$('#clicktab .tabbtn li').click(function(){

TabSelect("#clicktab .tabbtn li", "#clicktab .tabcon", "current", $(this))

});

$('#clicktab .tabbtn li').eq(0).trigger("click");

function TabSelect(tab,con,addClass,obj){

var $_self = obj;

var $_nav = $(tab);

$_nav.removeClass(addClass),

$_self.addClass(addClass);

var $_index = $_nav.index($_self);

var $_con = $(con);

$_con.hide(),

$_con.eq($_index).show();

}

});

/script

/body

/html

京东不支持javascript标签怎么办

京东是一个电商网站，JavaScript是一门弱类型脚本语言，而这门语言中没有标签这个概念，你的问题是，一个电商网站不支持一个弱类型脚本语言中不存在的标签？对不起，我刚看了点哲学理论，有点神经了

京东商城登陆不上,显示javascript:login()，最近一个星期了，可以正常浏览，买东西登陆的时候就出问题

应该是浏览器损坏了，

解决方法： 1，卸载当前浏览器 或者 清除 全部缓存，COOKie

2， 用驱动人生更新下电脑驱动

3，安装最新flash插件

如果上述不能解决，可以用金山做一次系统， 很简单，很纯净

淘宝，京东这种商城的APP都是用Android+h5语言来开发的吗？

一般比较大的平台都会采用Android原生+h5混合开发，这样能取各方面的优点；

原生开发可以访问设备中的所有功能，运行速度更快，性能更高，而且可以启用优秀的离线处理和存储能力等等，提供最佳的用户体验，最优质的用户界面，最华丽的交互。

原生开发的缺点在逐渐的开发、运营过程中显现出来。开发成本高，不同平台需要定制不同的app，也就是android定制apk，ios定制app，开发人员需要多平台多语言，人力成本、时间成本较多，通用性差；

H5开发是Html5开发的app，本质上运行在手机浏览器中的页面，一般使用app做一个壳套用浏览器运行H5的页面，由于H5的特性也有很多app使用半原生半H5的hybird app 开发模

H5有许多优点，特别针对原生开发的缺点。如：

直接在网页上调试和修改，几乎不用考虑用户机型和适配的问题，针对原生开发的平台碎片化、开发人力成本、时间成本高；版本升级优势，网页的升级与用户无关，用户无需下载更新安装，保证实时送达到用户手中；上线时间稳定、快速，不需要通过开发市场的审核，有收入分成的开发市场更是可以绕过收入分成。除此以外在视频媒体方面H5表现也十分优秀的。

H5的缺点有许多，当新技术出现时候许许多多的人都在吹嘘它的优点，到真正实用时才对它的缺点正视。H5加载大图片的时候性能会下降，大量用户访问同一个H5应用时性能会下降，响应速度比不上原生app，上网速度也不及原生app，H5不能自动处理动画上反复交互（网页游戏），需要借助css3、javascript。