jQuery 仿京东选项卡及放大镜效果讲课教案

1、Good is good, but better carries it.精益求精，善益求善。jQuery 仿京东选项卡及放大镜效果HYPERLINK/haitaodoit/article/details/7371086jQuery仿京东选项卡放大镜效果分类：HYPERLINK/haitaoDoit/article/category/1099653jQuery2012-03-1922:212人阅读HYPERLINKlcomments评论(0)HYPERLINKjavascript:void(0);收藏HYPERLINK/postedit/7371086编辑HYPERLINKjavascript:

2、void(0);删除default.aspx:ul,lilist-style-type:none;margin:0px;padding:0px;#menulitext-align:center;float:left;padding:5px;margin-right:2px;width:100px;cursor:pointer;#menuli.tabfocuswidth:100px;font-weight:bold;background-color:#eee;border-bottom:0;z-index:100;border:solid1px#666;position:relative;#co

3、ntentwidth:700px;height:80;padding:10px;background-color:#eee;border:solie1px#6;border-bottom:0;position:relative;top:-1px;clear:left;#contentlidisplay:none;#contentli.confocusdisplay:block;a:hoverimgborder:5pxsolidred;$(function()$(#F).show();$(#menuli).each(function(index)$(this).mousemove(functio

4、n()$(#menuli.tabfocus).removeClass(tabfocus);$(this).addClass(tabfocus);$(#contentli:eq(+index+).show().siblings().hide();)疯狂抢购热卖产品热评商品新品上架猜您喜欢%-%default2aspx:后台：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicparti

5、alclassDefault2:System.Web.UI.PageprotectedvoidPage_Load(objectsender,EventArgse)stringstr=Requestaddress.ToString();this.zoom1.HRef=bigimages/big+str;this.img1.Src=images/+str;前台：HYPERLINK/haitaodoit/article/details/7371086jQuery仿京东选项卡放大镜效果分类：HYPERLINK/haitaoDoit/article/category/1099653jQuery2012-

6、03-1922:212人阅读HYPERLINKlcomments评论(0)HYPERLINKjavascript:void(0);收藏HYPERLINK/postedit/7371086编辑HYPERLINKjavascript:void(0);删除default.aspx:ul,lilist-style-type:none;margin:0px;padding:0px;#menulitext-align:center;float:left;padding:5px;margin-right:2px;width:100px;cursor:pointer;#menuli.tabfocuswidth

7、:100px;font-weight:bold;background-color:#eee;border-bottom:0;z-index:100;border:solid1px#666;position:relative;#contentwidth:700px;height:80;padding:10px;background-color:#eee;border:solie1px#6;border-bottom:0;position:relative;top:-1px;clear:left;#contentlidisplay:none;#contentli.confocusdisplay:b

8、lock;a:hoverimgborder:5pxsolidred;$(function()$(#F).show();$(#menuli).each(function(index)$(this).mousemove(function()$(#menuli.tabfocus).removeClass(tabfocus);$(this).addClass(tabfocus);$(#contentli:eq(+index+).show().siblings().hide();)疯狂抢购热卖产品热评商品新品上架猜您喜欢%-%default2aspx:后台：usingSystem;usingSystem

9、.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicpartialclassDefault2:System.Web.UI.PageprotectedvoidPage_Load(objectsender,EventArgse)stringstr=Requestaddress.ToString();this.zoom1.HRef=bigimages/big+str;this.img1.Src=images/+str;前台：HYPER

10、LINK/haitaodoit/article/details/7371086jQuery仿京东选项卡放大镜效果分类：HYPERLINK/haitaoDoit/article/category/1099653jQuery2012-03-1922:212人阅读HYPERLINKlcomments评论(0)HYPERLINKjavascript:void(0);收藏HYPERLINK/postedit/7371086编辑HYPERLINKjavascript:void(0);删除default.aspx:ul,lilist-style-type:none;margin:0px;padding:0p

11、x;#menulitext-align:center;float:left;padding:5px;margin-right:2px;width:100px;cursor:pointer;#menuli.tabfocuswidth:100px;font-weight:bold;background-color:#eee;border-bottom:0;z-index:100;border:solid1px#666;position:relative;#contentwidth:700px;height:80;padding:10px;background-color:#eee;border:s

12、olie1px#6;border-bottom:0;position:relative;top:-1px;clear:left;#contentlidisplay:none;#contentli.confocusdisplay:block;a:hoverimgborder:5pxsolidred;$(function()$(#F).show();$(#menuli).each(function(index)$(this).mousemove(function()$(#menuli.tabfocus).removeClass(tabfocus);$(this).addClass(tabfocus);$(#contentli:eq(+index+).show().siblings().hide();)疯狂抢购热卖产品热评商品新品上架猜您喜欢%-%default2aspx:后台：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.Web