我帮同学(希望成为我的GF,嘻嘻)作个Blog,她非要用“滑块”作图片展示的效果。还指名要MSN的那个
http://cnweb.search.live.com/images/results.aspx?q=&FORM=QBIR
(就是右上角的滑块效果)
我晕啊,本来JS就学的,二百五,上网查了也没有任何资料。请高人出手救我一下。
我试试过,抄MSN那个,可是总是出错,(要不怎么说是二百五呢,抄都抄不下来。)
请把代码直接贴到这个帖子上,我试后立即给分。本来想发到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文件,代码如下
------解决方案--------------------------------------------------------
<!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