高分求，“滑块效果”代码要ＪＳ的代码 １００分 答谢大侠了。该如何处理
日期：2014-05-18 浏览次数：20583 次
高分求，“滑块效果”代码要ＪＳ的代码 １００分 答谢大侠了。
我帮同学（希望成为我的ＧＦ，嘻嘻）作个Ｂｌｏｇ，她非要用“滑块”作图片展示的效果。还指名要ＭＳＮ的那个
http://cnweb.search.live.com/images/results.aspx?q=&FORM=QBIR
（就是右上角的滑块效果）
我晕啊，本来ＪＳ就学的，二百五，上网查了也没有任何资料。请高人出手救我一下。
我试试过，抄ＭＳＮ那个，可是总是出错，（要不怎么说是二百五呢，抄都抄不下来。）
请把代码直接贴到这个帖子上，我试后立即给分。本来想发到javascritp区的，可是那个区没几个活人，还是来这个区了（我认为活人都在.net区）
------解决方案--------------------
用CSS吧，简单，代码不复杂，日后也能用 -- （复用的用） ^_^
------解决方案--------------------
刚看完那个效果，我以前是用表格作的，它的比较复杂，但效果也比较好，设计师下了一番功夫的。
你要是研究的话，我帮一下。
你先清空临时文件夹，再登陆那个页
http://cnweb.search.live.com/images/results.aspx
再上临时文件夹中找到以下文件［并按照我说的存放］
｛对了先建controlpic文件夹，js文件夹，css文件夹｝
liveimages.js，hf_zh-CN.js，l_sb_c.js ＝》这几个放到js文件夹中
liveimages.css，l_sb_c.css ＝》这几个放到css文件中
把以下图片放到controlpic中
action_bar.gif
bullet.gif
cc.gif
combined_assets.png
combobox_button.gif
Favorites.gif
2glyph_close_rest.gif
glyph_collapse_rest.gif
glyph_expand_rest.gif
ico_notify.gif
ico_qna_32x32.png
kill.gif
loading.gif
lod_first.gif
lod_second.gif
myzoo_ninemsn.gif
OneCare.gif
refine_bkgrnd.gif
show_full.gif
slider_button_rest.gif
slider_rail.gif
｛可能图片有些是没用的，你自己照量着来｝
然后在这些文件夹的同级目录中建一个index.html文件，代码如下
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd ">
<HTML lang=zh xml:lang= "zh " xmlns= "http://www.w3.org/1999/xhtml " XMLNS:Web =
"http://schemas.live.com/Web/ "> <HEAD> <TITLE> Live Search 图片： </TITLE>
<META http-equiv=content-type content= "text/html; charset=utf-8 "> <!-- TN: 7D6521C3D212276CFA8F5A8EA7AC3AD7 --> <LINK
href= "/s/wlflag.ico " rel=icon>
<STYLE type=text/css> @import url( css/l_sb_c.css );
</STYLE>
<SCRIPT type=text/javascript> // <![CDATA[
var Globals=new function(){this.Mkt= "zh-CN ";this.RTL=false;this.Ver= "3_7_0_138868 ";this.bUsePerfGTracking=false;this.bShowQBCountryTab=false;};var curUrl= "http:\/\/cnweb.search.live.com\/images\/results.aspx ";
//]]> </SCRIPT>
<SCRIPT src= "js/l_sb_c.js " type=text/javascript> </SCRIPT>
<!--[if lt IE 8]>
<STYLE type=text/css> .clear {
HEIGHT: 1%
}
</STYLE>
<![endif]-->
<META content= "MSHTML 6.00.2900.3157 " name=GENERATOR> </HEAD>
<BODY class= "img zhs zh-CN "> <IFRAME id=historyFrame
style= "VISIBILITY: hidden; POSITION: absolute " src= "about:blank "> </IFRAME> <!-- IMPRESSION: ba5749969c7b45c285bec3dfc1d99b5b -->
<DIV id=header_container>
<DIV id=header>
<DIV class=inside>
<DIV class=BrandSection>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD vAlign=top> <A id=jewel title=更多服务> </A> </TD>
<TD vAlign=top>
<DIV class=Product> Live Search (Beta 版) </DIV>
<DIV> </DIV> </TD> </TR> </TBODY> </TABLE>
<DIV class=Menu id=mainmenu style= "DISPLAY: none "> </DIV> </DIV>
<DIV class= "MeSection simple signedout ">
<DIV class=sme> <A class=ppl
我帮同学（希望成为我的ＧＦ，嘻嘻）作个Ｂｌｏｇ，她非要用“滑块”作图片展示的效果。还指名要ＭＳＮ的那个
http://cnweb.search.live.com/images/results.aspx?q=&FORM=QBIR
（就是右上角的滑块效果）
我晕啊，本来ＪＳ就学的，二百五，上网查了也没有任何资料。请高人出手救我一下。
我试试过，抄ＭＳＮ那个，可是总是出错，（要不怎么说是二百五呢，抄都抄不下来。）
请把代码直接贴到这个帖子上，我试后立即给分。本来想发到javascritp区的，可是那个区没几个活人，还是来这个区了（我认为活人都在.net区）
------解决方案--------------------
用CSS吧，简单，代码不复杂，日后也能用 -- （复用的用） ^_^
------解决方案--------------------
刚看完那个效果，我以前是用表格作的，它的比较复杂，但效果也比较好，设计师下了一番功夫的。
你要是研究的话，我帮一下。
你先清空临时文件夹，再登陆那个页
http://cnweb.search.live.com/images/results.aspx
再上临时文件夹中找到以下文件［并按照我说的存放］
｛对了先建controlpic文件夹，js文件夹，css文件夹｝
liveimages.js，hf_zh-CN.js，l_sb_c.js ＝》这几个放到js文件夹中
liveimages.css，l_sb_c.css ＝》这几个放到css文件中
把以下图片放到controlpic中
action_bar.gif
bullet.gif
cc.gif
combined_assets.png
combobox_button.gif
Favorites.gif
2glyph_close_rest.gif
glyph_collapse_rest.gif
glyph_expand_rest.gif
ico_notify.gif
ico_qna_32x32.png
kill.gif
loading.gif
lod_first.gif
lod_second.gif
myzoo_ninemsn.gif
OneCare.gif
refine_bkgrnd.gif
show_full.gif
slider_button_rest.gif
slider_rail.gif
｛可能图片有些是没用的，你自己照量着来｝
然后在这些文件夹的同级目录中建一个index.html文件，代码如下
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd ">
<HTML lang=zh xml:lang= "zh " xmlns= "http://www.w3.org/1999/xhtml " XMLNS:Web =
"http://schemas.live.com/Web/ "> <HEAD> <TITLE> Live Search 图片： </TITLE>
<META http-equiv=content-type content= "text/html; charset=utf-8 "> <!-- TN: 7D6521C3D212276CFA8F5A8EA7AC3AD7 --> <LINK
href= "/s/wlflag.ico " rel=icon>
<STYLE type=text/css> @import url( css/l_sb_c.css );
</STYLE>
<SCRIPT type=text/javascript> // <![CDATA[
var Globals=new function(){this.Mkt= "zh-CN ";this.RTL=false;this.Ver= "3_7_0_138868 ";this.bUsePerfGTracking=false;this.bShowQBCountryTab=false;};var curUrl= "http:\/\/cnweb.search.live.com\/images\/results.aspx ";
//]]> </SCRIPT>
<SCRIPT src= "js/l_sb_c.js " type=text/javascript> </SCRIPT>
<!--[if lt IE 8]>
<STYLE type=text/css> .clear {
HEIGHT: 1%
}
</STYLE>
<![endif]-->
<META content= "MSHTML 6.00.2900.3157 " name=GENERATOR> </HEAD>
<BODY class= "img zhs zh-CN "> <IFRAME id=historyFrame
style= "VISIBILITY: hidden; POSITION: absolute " src= "about:blank "> </IFRAME> <!-- IMPRESSION: ba5749969c7b45c285bec3dfc1d99b5b -->
<DIV id=header_container>
<DIV id=header>
<DIV class=inside>
<DIV class=BrandSection>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD vAlign=top> <A id=jewel title=更多服务> </A> </TD>
<TD vAlign=top>
<DIV class=Product> Live Search (Beta 版) </DIV>
<DIV> </DIV> </TD> </TR> </TBODY> </TABLE>
<DIV class=Menu id=mainmenu style= "DISPLAY: none "> </DIV> </DIV>
<DIV class= "MeSection simple signedout ">
<DIV class=sme> <A class=ppl
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
