<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<link href="/css/ent_end2.css" rel="stylesheet" type="text/css">
<script language="javascript">function T(n){document.getElementById("ArticleCnt").style.fontSize=n+"px";}</script>
</head>
<body>
<script language="javascript">window.onerror = function(){return true}</script>
<!--div id="ghr">don't delete</div-->
<div id="nav">
<div id="ArticleCnt"> <link href="http://news.qq.com/css/hd1_css_20080630.css" rel="stylesheet" type="text/css">
<div id="lantern">
<div id="bimg">
<script>
var pervNews ='#pervNewsUrl';
</script>
<a href="javascript:changeUrl(1)">
<img onload="changeImg(this)" style="cursor:pointer" src="http://img1.qq.com/ent/pics/11521/11521750.jpg" alt="点击浏览下一张">
</a>
<!--link-->
<img style="display:none" src="http://img1.qq.com/ent/pics/11521/11521756.jpg">
<!--/link--><div id="Explain" align="center">
<p>
<a href="http://datalib.ent.qq.com/star/231/" target="_blank">范玮琪 </a>演唱会记者会现场</p></div>
</div>
<script>
var nextUrl = 'javascript:changeUrl(1)';
var imgs = 8;
var pageNo = 1;
var oOption = null;
var pagejump=document.getElementById('pagejump');
for(var i=1;i<imgs+1;i++){
var oOption = document.createElement("OPTION");//creatElement
oOption.innerHTML = i+'/'+imgs+'张';//innerHTML
oOption.value = i;
pagejump.appendChild(oOption);//appendChild
}
pagejump.options[pageNo-1].selected="selected";
function jump(){
var u = pagejump.options[pagejump.options.selectedIndex].value - 1;
var Url= "javascript:changeUrl("+u+")";
window.location.href = Url;
}
</script>
<div id="simg">
<div class="p">
<img src="http://img1.qq.com/news/pics/9423/9423218.gif" class="ss">
</div>
<div id="sImage">
<!--link-->
<div>
<a href="javascript:changeUrl(0)">
<img src="http://img1.qq.com/ent/pics/11521/11521755.jpg" alt="点击浏览大图" class="s">
</a>
</div>
<div>
<a href="javascript:changeUrl(1)">
<img src="http://img1.qq.com/ent/pics/11521/11521761.jpg" alt="点击浏览大图">
</a>
</div>
<div>
<a href="javascript:changeUrl(2)">
<img src="http://img1.qq.com/ent/pics/11521/11521763.jpg" alt="点击浏览大图">
</a>
</div>
<div>
<a href="javascript:changeUrl(3)">
<img src="http://img1.qq.com/ent/pics/11521/11521765.jpg" alt="点击浏览大图">
</a>
</div>
<div>
<a href="javascript:changeUrl(4)">
<img src="http://img1.qq.com/ent/pics/11521/11521771.jpg" alt="点击浏览大图">
</a>
</div>
<div>
<a href="javascript:changeUrl(5)">
<img src="http://img1.qq.com/ent/pics/11521/11521773.jpg" alt="点击浏览大图">
</a>
</div>
<!--/link-->
</div>
<div class="n">
<a href="javascript:changeUrl(6)">
<img src="http://img1.qq.com/news/pics/9423/9423216.gif" alt="下一组">
</a></div>
</div>
<script language="JavaScript" type="text/javascript" src="http://news.qq.com/js/hd1_js_20080630.js">
</script>
</div>
<div id="ArtPLink"><div id="ArticlePageLinkB">
<span>[1]</span>
<a href="/a/20080708/000033_1.htm">[2]</a>
<a href="/a/20080708/000033_2.htm">[3]</a>
<a href="/a/20080708/000033_3.htm">[4]</a>
<a href="/a/20080708/000033_4.htm">[5]</a>
<a href="/a/20080708/000033_5.htm">[6]</a>
<a href="/a/20080708/000033_6.htm">[7]</a>
<a href="/a/20080708/000033_7.htm">[8]</a><span class="next">
<a href="/a/20080708/000033_1.htm">
<img src="http://img1.qq.com/pinglun/pics/6787/6787027.gif" alt="浏览下一页" align="absmiddle">
</a></span>
</div>
</div>
</div>
</body>
</html>
分享到:
相关推荐
**jQuery.jScroll.js** 是一个基于 **jQuery** 的滚动条插件,它的主要目标是替换传统的、单调的系统滚动条,以提供更加美观且自定义程度高的视觉效果。这款插件的设计灵感来源于QQ应用程序的滚动条样式,它允许...
`jscroll_files`是一个专为jQuery设计的滚动条插件,它提供了高度自定义的选项,使开发者能够轻松地改变滚动条的样式,提升网站的整体视觉效果。 首先,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历...
jquery jscroll 滚动条 插件,可以自己定义滚动条样式
例如,可以设置`.jscroll-scrollbar`类来控制滚动条的基本样式,`.jscroll-thumb`类来控制滑块部分,`.jscroll-arrow`类来控制滚动箭头。 4. **事件处理**:在动态重载滚动条时,需要确保滚动事件仍然能够正确处理...
从网上下载的jscroll.js源代码,发现当高度达到一定程度的时候,出现问题,修改之,存于此处
"前端项目-jscroll.zip"提供的就是一个专门解决这个问题的jQuery插件——jscroll。这个插件允许开发者轻松地在网站上集成这种功能,特别是在内容丰富的列表、博客或者产品展示页面。 首先,我们来理解一下jscroll的...
在本主题中,我们将深入探讨如何使用`jscroll.js`这个JavaScript库来实现类似QQ软件那样的滚动条效果。 `jscroll.js`是一个轻量级的JavaScript插件,主要用于创建自定义的滚动条,它可以提供更加优雅的滚动体验,...
**jQuery jScroll** 是一个基于 jQuery 的轻量级滚动加载插件,主要用于实现无限滚动或自动加载更多内容的功能。在网页上,当用户滚动到页面底部时,jScroll 会自动加载新的内容,无需手动点击“加载更多”按钮,...
里是自己在工作不太忙的时候写出来了一个用户可以自定义的滚动条jscroll,以下简称jscroll。jscroll默认只提供一种滚动条样式,部分样式来自google webstore ,其中有部分css3样式主要用于实现圆角,阴影效果
**Jscroll:自定义滚动条详解** 在网页设计中,滚动条是不可或缺的一部分,它帮助用户浏览超过视口内容的信息。然而,浏览器默认的滚动条样式通常比较单一,不符合现代网页设计的美观需求。这时,JavaScript库如...
这里我们主要关注JavaScript的实现,特别是通过`jscroll.js`这个库来管理滚动条。 `jscroll.js`是一个轻量级的JavaScript插件,用于实现无限滚动的效果,通常用于分页加载内容。在这个特定的应用场景中,它可能被...
在本文中,我们将深入探讨Mobiscroll的核心功能、使用方法以及如何与其它插件如layer.m和jquery.jscroll集成。 首先,Mobiscroll提供了两种主要的组件:时间和选择器。时间选择器允许用户以直观的方式选择小时、...
"自定义滚动条 scroll js滚动条"就是这样一个主题,它涉及到JavaScript库,如jQuery和jScroll,以及图像资源的使用,来实现滚动条的个性化效果。 首先,jQuery.js是广泛使用的JavaScript库,它简化了DOM操作,事件...
在这个项目中,可能使用了名为“jscroll.js”的插件,这个插件可能是专门为实现图片滚动条效果而编写的。 描述中提到的“兼容当前主流浏览器”,意味着开发过程中考虑到了浏览器的差异性,确保在多种浏览器环境下都...
例如,JScroll是一个流行的jQuery插件,可以实现平滑滚动效果,适用于新闻列表或其他需要滚动加载更多内容的场景。 `scroll.jpg`可能是一个示例图片,展示了自定义滚动条的效果,供开发者参考。而`源码.doc`则包含...
首先要引用两个脚本:jquery.js,jscroll.js; 接着为要出现滚动条的位置写上overflow:auto;这时会出现滚动条,最原始的样子。接着,加上以下脚本: 我的滚动条图片是这样的: 以下我借用高手的做法介绍下一些...
3. **编写JavaScript**:在`jscroll.js`中,我们可以监听滚动事件,例如`$(document).scroll()`,并根据需要调整样式或者执行其他操作。例如,当鼠标悬停在`div`上时,可以改变滚动条的颜色或宽度。 4. **绑定事件...
在本例中,我们可能还会用到一个名为"jscroll"的插件,它可能是用于实现滚动条效果的。jQuery的多彩滚动条插件可以为网页添加美观的视觉效果,同时保持滚动功能的正常工作。 接下来,我们需要一个分割线组件,比如...
9. **JScrollPane**:`JScrollPane` 用于包裹 `JTextArea` 或 `JTextPane`,提供滚动条功能,如 `jscroll`。 10. **JFileChooser**:`JFileChooser` 用于打开文件对话框,让用户选择文件进行打开或保存操作。 11. ...