以下是 jQuery焦点图自动轮播滚动切换特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content=" " />
<meta name="description" content=" " />
<title>jQuery焦点图自动轮换</title>
<link rel="stylesheet" type="text/css" href="css/xixi.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>
</head>
<body>
<div class="focus">
<ul class="rslides f426x240">
<li><a href="#" target="_blank"><img src="images/01.jpg" alt="内容" /></a></li>
<li><a href="#" target="_blank"><img src="images/02.jpg" alt="JS代码" /></a></li>
<li><a href="#" target="_blank"><img src="images/03.jpg" alt="设计模板" /></a></li>
<li><a href="#" target="_blank"><img src="images/04.jpg" alt="设计类素材网站" /></a></li>
<li><a href="#tupian/" target="_blank"><img src="images/05.jpg" alt="高清图片库" /></a></li>
</ul>
</div>
</body>
</html>
JS代码(lrtk.js):
// adfunction dy(code){
var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>';
if (code=="top210x90_1"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";
</script>');
document.write(ojs);
}
if (code=="top210x90_2"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288996";
</script>');
document.write(ojs);
}
if (code=="top728x90"){
document.writeln("<script type=\"text\/javascript\"><!--");
document.writeln("google_ad_client = \"ca-pub-4213001413639273\";
");
document.writeln("\/* ȫվ_����_728x90 *\/");
document.writeln("google_ad_slot = \"4539245504\";
");
document.writeln("google_ad_width = 728;
");
document.writeln("google_ad_height = 90;
");
document.writeln("\/\/-->");
document.writeln("<\/script>");
document.writeln("<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\"><\/script>")}
if (code=="gg300x250_1"){
//85849 GOOGLEdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85851";
</script>');
document.write(ojs);
}
if (code=="gg300x250_2"){
//85851 BAIDUdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85849";
</script>');
document.write(ojs);
}
if (code=="gg160x600"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85858";
</script>');
document.write(ojs);
}
if (code=="lb728x90_1"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "372923";
</script>');
document.write(ojs);
}
if (code=="lb728x90_2"){
//377258 baidudocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "377258";
</script>');
document.write(ojs);
}
if (code=="lb336x280"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85856";
</script>');
document.write(ojs);
}
if (code=="ny300x250"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85859";
</script>');
document.write(ojs);
}
if (code=="ny728x90"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85865";
</script>');
document.write(ojs);
}
if (code=="js852x90_1"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "416044";
</script>');
document.write(ojs);
}
if (code=="in852x90_1"){
//289000 baidudocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288997";
</script>');
document.write(ojs);
}
if (code=="in852x90_2"){
//288997 GOOGLEdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "289000";
</script>');
document.write(ojs);
}
if (code=="in300x90_1"){
//289003document.write('<a href="/show/" target="_blank"><img src="/images/300x90-01.jpg" width="300" height="90" /></a>');
}
if (code=="in300x90_2"){
//289007document.write('<a href="/zt/book/" target="_blank"><img src="/images/300x90-02.jpg" width="300" height="90" /></a>');
}
if (code=="in300x250"){
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "289013";
</script>');
document.write(ojs);
}
if (code=="widget"){
// widgetdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "409341";
</script>');
document.write(ojs);
}
if (code=="yulu"){
// ��¼document.writeln("�����¼��");
tips = new Array(50);
tips[0] = '����ǿ�������ƽ�����ر������ѩ������������⡣';
tips[1] = 'ͨ������չʾ���ԣ�������ͨ������չʾ���ԡ�����Facebook Timeline';
tips[2] = '�˵Ľ��������;��������ģ����û�һ���ص㣬���ǰ����û���Լʱ��ͳɱ���ȫ���ص����û���ص㡣';
tips[3] = 'Ư���������ݵ���վ��û���˻�����η�������';
tips[4] = '��ν���������⸴�ӻ������ӵ������';
tips[5] = '�����ǹ��ʿ���ܴ���ô���ֲ����κͼ���ܳ�Ϊ��ʦô������web�����ܲ���վô��';
tips[6] = 'ֻ����Щ�����û�����ļ����������壬�����˱����ؿ�ѧ����Ҫ����Ҫ���š���ѧ����';
tips[7] = '˵������֮ǰ����˵���Լ���ÿ�����趼Ҫ��Ϊʲô��Ū��������ȥ���������档';
tips[8] = '�����Ǵ��齫���Ѽ���ϴ�ƣ����������ƣ��ж��Ǵ��ƣ������Ǻ���';
tips[9] = '����������뽨�������Ļ����ϣ�����˼·��Զ�DZ��˵ġ�';
tips[10] = '�����۾���������վ���Ѿ����Ժ������ǿ�ʼд������ʱ��';
tips[11] = '�鼮������˼������ң�ͨ�������ߵ����ң�������������ζ����������Զ���ڳ���ˮ��';
tips[12] = '��Ϯ���������ɡ�';
tips[13] = '��վ������Ҫ���У�������Զ����Ҫ��������Σ����������';
tips[14] = '����ʵ�û��Ƕȳ���ȥ�������⣬Ͷ���˵����ֻ����Ϊ�ο���';
tips[15] = '��ʵ�������������Dz��ò����Ƚ���һЩ��Ϣ�������������磬�����������ݣ������������ص�������ܵ��ˡ���';
tips[16] = '����������·�ϣ����ܻ�˼��̫�࣬������˫�����š�';
tips[17] = '��������ϲ��ԭ�����ݺͽṹ�����Html�����������г����Ĺؼ��֡�';
tips[18] = '��ҪС���û����ǻۣ�������������ְ취���������õ���������ҵ��������Ƿ�ʽ��';
tips[19] = '�����û�����վ�����Ѹ����ʱ�䣬��Ӧ����������ݵķ��ʰ����û���Լʱ��ɱ���';
tips[20] = '��Ҫ>Word>PPT';
tips[21] = '��ҳ�İ�Ҫ˵�˻�����Ŀ�������������Ϸ������������Ҫ��Ѻ�϶�������Ρ�';
tips[22] = 'ǧ���ټ�ͨ����վӪ��һ�ַ�Χ��Ҳ�����봫��ġ��о������Ϊ�û��ĸ�����';
tips[23] = 'վ�ĸ�δ�ؿ���Զ�������������Ⱥ���������ż�Ⱥ�ߡ�';
tips[24] = '���Ⲣ����һ��Ҫ�����ڲ�ͬ�������ý�����������������Ч��';
tips[25] = '������Ϊ��С��ģ���ѹ������Ҫ������淶�������������Ҫ���ģ��Ӧ��ʱ��ͬһ�Ĺ����Ե÷dz���Ҫ�ˡ�';
tips[26] = '�κδ��������Ϊ������һ������������ִ�й����еĸ���Ʒ��Ϊ�˴��¶����£���ӹ�����ŵ���Ϊ��';
tips[27] = '����֮�ĺ���������������������һ�ַ�����û��һ�ַ����ܽ�����е����⣻�������������������ij�ַ�����';
tips[28] = '�����Ļ����Ͻ��������վ�ھ��˵ļ��֮�ϣ�û�����ֵ�ȫ�̳�Ϯ�����DZ����˲��ڽ��¡�';
tips[29] = '���չ������վ�dz���Ҫ����Щ����Ԥ�����ʧ��������ɻ����ԵĴ������ʷΪ����';
tips[30] = '������ǿ�����ǰ������˼ά���з��ʣ����á�ȡ�������������ܹ���Ӯ�����ǵĺøУ����û���·���ڸ��Լ���·��';
tips[31] = '����������û���ͷ������һ��ȷ��������ɢ��Ϣ�����ҡ��ֲ�������������ӷ�Ľ������Ч��';
tips[32] = '��վ�Ľ���������Ļ���ã��������ܹ��ǹ��������ݷֿ������Ѫ�⣬դ���Ӿ��Ǽ������Ļ�����Ƕ�����';
tips[33] = '����Խ��Խ���ۣ������̤ʵ���Ϊ�û��ṩ��Ч�����ݣ����ܹ�ʵ�ּ����ļ�ֵ��';
tips[34] = '�û������֣�һ��ʵ��̫�У��������ʱ�䣻����ʵ��̫æ��������������Լʱ�䡣';
tips[35] = '��վƽ̨��Ҫ�߱��Է��Ĺ�ƽ���ԣ���ֱ�ӽ��ͽ���Ϊ�ȵ����㷺���룬�ﵽ�ռ����������ƽ̨��';
tips[36] = '��ν����վ��λ������ʵ�����ǵĻ��ڸ�����״�ܽ��һ�������ݽ��衢���ܹ滮��������Ӫ�а�����ָ�����졣';
tips[37] = '��Ҫ���š��������һ�����ǿ��Խ�����������ܳ�Ϯ��';
tips[38] = 'ѧ��ƣ�Ҳ��ѧϰ�鷨һ������ġ��һ����Ҫ�Ĺ��̡�';
tips[39] = '��ʱ�������ʱ��(����ˡ��Ŷӵ�)����������顣';
tips[40] = 'ѧ������İ���ʱ�䡣���磺���������ٴ�������������㲥��ϴ����';
tips[41] = 'ǧ���ȵ��������������������Ϊ����ʲô��������˱���Ҳ������ˡ�';
tips[42] = 'һ���Ŷӵ��������ܳ����ܾ�����������ǿ��µģ�Ҳ�ǿɱ��ġ�����Kevin';
tips[43] = '��˾������Ӧ���ǹ���ר�ҵ�ר�ң�ץס���£��ſ�С�£�������£���ֹ���¡�';
tips[44] = '��������ַ�����һ���Ǽ�����û��ȱ�ݣ���һ�ָ��ӵ�ȱ�ݲ���ô���ԡ����� ���ᡤ���';
tips[45] = '��洴�ⲻҪ��Խ������˵����̣��������������ʽ�';
tips[46] = 'û����ӵ�����еĴ𰸡����Χ�Ƶ��������Խ�࣬���Խ�п��ܵõ�һЩ�ô𰸡�';
tips[47] = '��ֶ��飬Ҫ��Զ��������Χ�˵�ǰ�棬�ϱ��˺ͱ������ϻ�������ֲ�ͬ�����ȡ�';
tips[48] = '���û���������Ʋ�Ʒ̫�ѡ��ܶ�ʱ��Ҫ�ȵ���Ѳ�Ʒ������ǰ���û���֪����Ҫʲô�������Dz�˹';
tips[49] = '�Զ�������ߵ�Ч�ʾ��Ƕ����в��ϵ�������á�';
tips[50] = 'ѧ��͵������������������߹���Ч������Ч�ķ�����';
index = Math.floor(Math.random() * tips.length);
document.writeln(tips[index]);
document.writeln ('
<a href="/zt/yulu/" target="_blank">[������¼]</a>');
}
if (code=="lb468x15"){
document.writeln("<script type=\"text\/javascript\"><!--");
document.writeln("google_ad_client = \"ca-pub-4213001413639273\";
");
document.writeln("\/* ȫվ_����_468x15 *\/");
document.writeln("google_ad_slot = \"2293322720\";
");
document.writeln("google_ad_width = 468;
");
document.writeln("google_ad_height = 15;
");
document.writeln("\/\/-->");
document.writeln("<\/script>");
document.writeln("<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\"><\/script>");
}
if (code=="weibo"){
// ��document.writeln ('<iframe width="120" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=136&height=24&uid=2556500765&style=2&btn=red&dpc=1"></iframe>');
}
if (code=="egg"){
// eggdocument.write('* ����ͼ���ŵ����վ������Դ������أ��������������������ӣ� <a href="/plus/guestbook.php">ȫ�¸İ� ��㽨��</a>');
}
if (code=="jinbu"){
// ����document.writeln ('<dd>08��13�� �����¼ר������</dd>');
document.writeln ('<dd>08��05�� ��ҳ������СͼƬ��Ӵ������</dd>');
document.writeln ('<dd>07��12�� �������������ͷ��ض���BUG</dd>');
document.writeln ('<dd>06��26�� �Ľ���ҳ����Ƶ��Ԥ������</dd>');
//document.writeln ('<dd>06��23�� �Ľ����ض�������</dd>');
//document.writeln ('<dd>06��21�� ��IE6�¼�������</dd>');
//document.writeln ('<dd>06��01�� ����ͼ��2012�°�����</dd>');
//document.writeln ('<dd>05��26�� ����������ͨ������</dd>');
//document.writeln ('<dd>05��23�� ��ҳ�����İ�����</dd>');
//document.writeln ('<dd>05��20�� ��ҳСͼ��İ�����</dd>');
document.writeln ('<dd><a href="/about/event.html">...</a></dd>');
}
if (code=="tj"){
// ͳ��var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://":" http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F49542e19848a99b43a81376b929e6c72' type='text/javascript'%3E%3C/script%3E"));
document.writeln ('<script language="javascript" type="text/javascript" src="http://js.users.51.la/2007336.js"></script>');
document.writeln ('<script src="http://s13.cnzz.com/stat.php?id=322926&web_id=322926" language="JavaScript"></script>');
}
if (code=="zan"){
// ��document.writeln ('<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_likeurl" target="_blank">��</a><script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111107&style=2&showcount=1&width=100&height=30" charset="utf-8" defer="defer" ></script>');
}
if (code=="bdshare"){
// �ٶȷ���document.writeln("<div id=\"bdshare\" class=\"bdshare_t bds_tools_32 get-codes-bdshare\">");
document.writeln("<a class=\"bds_qzone\"><\/a>");
document.writeln("<a class=\"bds_tsina\"><\/a>");
document.writeln("<a class=\"bds_renren\"><\/a>");
document.writeln("<a class=\"bds_tqq\"><\/a>");
document.writeln("<a class=\"bds_baidu\"><\/a>");
document.writeln("<a class=\"bds_qq\"><\/a>");
document.writeln("<a class=\"bds_kaixin001\"><\/a>");
document.writeln("<a class=\"bds_tsohu\"><\/a>");
document.writeln("<a class=\"bds_douban\"><\/a>");
document.writeln("<span class=\"bds_more\">����<\/span>");
document.writeln("<a class=\"shareCount\"><\/a>");
document.writeln("<\/div>");
document.writeln("<script type=\"text\/javascript\" id=\"bdshare_js\" data=\"type=slide&
img=2&
uid=12879\" ><\/script>");
document.writeln("<script type=\"text\/javascript\" id=\"bdshell_js\"><\/script>");
document.writeln("<script type=\"text\/javascript\">");
document.writeln("var bds_config ={
\"bdTop\":130}
;
");
document.writeln("document.getElementById(\"bdshell_js\").src = \"http:\/\/bdimg.share.baidu.com\/static\/js\/shell_v2.js?t=\" + new Date().getHours();
");
document.writeln("<\/script>");
}
// 50x50(function($){
$.fn.VMiddleImg=function(options){
var defaults={
"width":null,"height":null}
;
var opts=$.extend({
}
,defaults,options);
return $(this).each(function(){
var $this=$(this);
var objHeight=$this.height();
var objWidth=$this.width();
var parentHeight=opts.height||$this.parent().height();
var parentWidth=opts.width||$this.parent().width();
var ratio=objHeight/objWidth;
if(objHeight>parentHeight&&objWidth>parentWidth){
if(objHeight>objWidth){
$this.width(parentWidth);
$this.height(parentWidth*ratio);
}
else{
$this.height(parentHeight);
$this.width(parentHeight/ratio);
}
objHeight=$this.height();
objWidth=$this.width();
if(objHeight>objWidth){
$this.css("top",(parentHeight-objHeight)/2);
}
else{
$this.css("left");
}
}
else{
if(objWidth>parentWidth){
$this.css("left",(parentWidth-objWidth)/2);
}
$this.css("top",(parentHeight-objHeight)/2);
}
}
);
}
;
}
)(jQuery);
$(".f").VMiddleImg();
}
// lazyload// ����function dysearch(){
document.writeln("<form name=formsearch onSubmit='return bottomForm();
' method=post>");
document.writeln("<div id='x1' class='sa'>");
document.writeln("<a id='s0'>ʸ��</a>");
document.writeln("<span style='display:none' id='x2' class='lanmu'> ");
document.writeln("<a id=s1>ʸ��<\/a>");
document.writeln("<a id=s2>����<\/a>");
document.writeln("<a id=s3>ͼ��<\/a>");
document.writeln("<a id=s4>����<\/a>");
document.writeln("<a id=s5>ȫվ<\/a>");
document.writeln("<\/span>");
document.writeln("<\/div> ");
document.writeln("<input id=\"typeid\" name=\"typeid\" type=\"hidden\" value=\"1\">");
document.writeln("<input id=\"q\" class=sb name=\"keyword\" onFocus=\"if(this.value==\'������ؼ���\'){
this.value=\'\';
}
else{
this.select();
}
this.style.color=\'black\';
\" value=������ؼ���>");
document.writeln("<input class=sc name=Input type=\"submit\" value=\"\">");
document.writeln("<\/form>")function $$(id){
if(document.getElementById){
return document.getElementById(id);
}
else if(document.layers){
return document.layers[id];
}
else{
return false;
}
}
(function(){
function initHead(){
setTimeout(showSubSearch,0)}
;
function showSubSearch(){
$$("x1").onmouseover=function(){
$$("x2").style.display="";
$$("x1").className="sa sa_hover"}
;
$$("x1").onmouseout=function(){
$$("x2").style.display="none";
$$("x1").className="sa"}
;
$$("s1").onclick=function(){
selSubSearch(1);
$$("q").focus()}
;
$$("s2").onclick=function(){
selSubSearch(2);
$$("q").focus()}
;
$$("s3").onclick=function(){
selSubSearch(3);
$$("q").focus()}
;
$$("s4").onclick=function(){
selSubSearch(4);
$$("q").focus()}
;
$$("s5").onclick=function(){
selSubSearch(5);
$$("q").focus()}
;
}
;
function selSubSearch(iType){
hbb=[];
hbb={
1:["ʸ��","1"],2:["����","js"],3:["ͼ��","png"],4:["����","48"],5:["ȫվ","0"]}
;
$$("s0").innerHTML=hbb[iType][0];
$$("x2").style.display="none";
$$("typeid").value=hbb[iType][1];
}
;
initHead();
}
)();
}
function bottomForm(){
var all_var=document.getElementById("typeid").value;
var q=document.getElementById("q").value;
switch(all_var){
case"png":document.formsearch.action='http://www.lanrentuku.com/manager/plus/png.php?type=search&q='+qbreak;
case"js":document.formsearch.action='http://www.lanrentuku.com/manager/plus/js.php?q='+qbreak;
default:var Sys ={
}
;
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1]:(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1]:(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1]:(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1]:(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1]:0;
if (Sys.ie){
q=encodeURIComponent(q);
}
//ffdocument.formsearch.action='http://www.lanrentuku.com/plus/search.php?x='+all_var+'&q='+q;
break;
}
document.formsearch.submit();
return false;
}
// favfunction addToFavorite(){
var a="http://www.lanrentuku.com/";
var b="����ͼ��";
if(document.all){
window.external.AddFavorite(a,b)}
else if(window.sidebar){
window.sidebar.addPanel(b,a,"")}
else{
alert("�ף������������֧�ִ˲���\n��ֱ��ʹ��Ctrl+D�ղر�վ~")}
}
// thumb$(function(){
$('.list-pic img,.list-pngjs img,.list-qq img,.in-box img').hover(function(){
$(this).stop().animate({
"opacity":0.6}
,300);
}
,function(){
$(this).stop().animate({
"opacity":1}
,300);
}
);
}
);
// jquery.cookie.minjQuery.cookie=function(name,value,options){
if(typeof value!='undefined'){
options=options||{
}
;
if(value===null){
value='';
options.expires=-1;
}
var expires='';
if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){
var date;
if(typeof options.expires=='number'){
date=new Date();
date.setTime(date.getTime()+(options.expires*24*60*60*1000));
}
else{
date=options.expires;
}
expires=';
expires='+date.toUTCString();
}
var path=options.path?';
path='+(options.path):'';
var domain=options.domain?';
domain='+(options.domain):'';
var secure=options.secure?';
secure':'';
document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');
}
else{
var cookieValue=null;
if(document.cookie&&document.cookie!=''){
var cookies=document.cookie.split(';
');
for(var i=0;
i<cookies.length;
i++){
var cookie=jQuery.trim(cookies[i]);
if(cookie.substring(0,name.length+1)==(name+'=')){
cookieValue=decodeURIComponent(cookie.substring(name.length+1));
break;
}
}
}
return cookieValue;
}
}
;
// fs+bgvar options={
path:'/',expires:30}
;
var cookie_fs=$.cookie("fs");
var cookie_bg=$.cookie("bg");
$(function(){
if(cookie_bg){
$('#yuedu').css('background',cookie_bg);
}
if(cookie_fs){
$('#yuedu').css('font-size',cookie_fs+'px');
}
}
);
function fontsize(num){
switch(num){
case 1:$("#yuedu").css('font-size','16px');
$.cookie("fs","16",options);
break;
case 2:$("#yuedu").css('font-size','14px');
$.cookie("fs","14",options);
break;
case 3:$("#yuedu").css('font-size','12px');
$.cookie("fs","12",options);
break;
}
}
function backcolor(num){
if(num==1){
$("#yuedu").css('background','#F0F6FC');
$.cookie("bg","#F0F6FC",options);
}
if(num==2){
$("#yuedu").css('background','#FFFFFF');
$.cookie("bg","#FFFFFF",options);
}
if(num==3){
$("#yuedu").css('background','#F6F6F6');
$.cookie("bg","#F6F6F6",options);
}
}
// bg+gif$(document).ready(function(){
$('.content-bg li,.content-gif li').hover(function(){
$(".save",this).stop().animate({
top:'162px'}
,{
queue:false,duration:162}
);
}
,function(){
$(".save",this).stop().animate({
top:'192px'}
,{
queue:false,duration:162}
);
}
);
}
);
function runSave(){
if(saveImg.location!="about:blank")window.saveImg.document.execCommand("SaveAs");
}
function saveImgAs(url){
if(window.saveImg&&url)window.saveImg.location=url;
}
document.writeln('<IFRAME style="DISPLAY:none" onload=runSave() src="about:blank" name=saveImg></IFRAME>');
// txfunction getByid(id){
if (document.getElementById){
return document.getElementById(id);
}
else if (document.all){
return document.all[id];
}
else if (document.layers){
return document.layers[id];
}
else{
return null;
}
}
function creatID(DivID){
var objs=getByid(DivID).getElementsByTagName('textarea');
var inps=getByid(DivID).getElementsByTagName('input');
var buts=getByid(DivID).getElementsByTagName('button');
var labs=getByid(DivID).getElementsByTagName('label');
for (i=0;
i<objs.length;
i++){
objs[i].id="runcode"+i;
inps[i].id=ibuts[i].id=ilabs[i].id=i}
}
function runCode(obj){
var code=getByid("runcode"+obj).value;
var newwin=window.open('','','');
newwin.opener = null;
newwin.document.write(code);
newwin.document.close();
}
function saveCode(obj,title){
var winname = window.open('','','');
winname.document.open('text/html','replace');
winname.document.write(document.getElementById(obj).value);
winname.document.execCommand('saveas','',title+'.html');
winname.close();
}
// ����ͼ(function(d,D,v){
d.fn.responsiveSlides=function(h){
var b=d.extend({
auto:!0,speed:1E3,timeout:7E3,pager:!1,nav:!1,random:!1,pause:!1,pauseControls:!1,prevText:"Previous",nextText:"Next",maxwidth:"",controls:"",namespace:"rslides",before:function(){
}
,after:function(){
}
}
,h);
return this.each(function(){
v++;
var e=d(this),n,p,i,k,l,m=0,f=e.children(),w=f.size(),q=parseFloat(b.speed),x=parseFloat(b.timeout),r=parseFloat(b.maxwidth),c=b.namespace,g=c+v,y=c+"_nav "+g+"_nav",s=c+"_here",j=g+"_on",z=g+"_s",o=d("<ul class='"+c+"_tabs "+g+"_tabs' />"),A={
"float":"left",position:"relative"}
,E={
"float":"none",position:"absolute"}
,t=function(a){
b.before();
f.stop().fadeOut(q,function(){
d(this).removeClass(j).css(E)}
).eq(a).fadeIn(q,function(){
d(this).addClass(j).css(A);
b.after();
m=a}
)}
;
b.random&&(f.sort(function(){
return Math.round(Math.random())-0.5}
),e.empty().append(f));
f.each(function(a){
this.id=z+a}
);
e.addClass(c+" "+g);
h&&h.maxwidth&&e.css("max-width",r);
f.hide().eq(0).addClass(j).css(A).show();
if(1<f.size()){
if(x<q+100)return;
if(b.pager){
var u=[];
f.each(function(a){
a=a+1;
u=u+("<li><a href='#' class='"+z+a+"'>"+a+"</a></li>")}
);
o.append(u);
l=o.find("a");
h.controls?d(b.controls).append(o):e.after(o);
n=function(a){
l.closest("li").removeClass(s).eq(a).addClass(s)}
}
b.auto&&(p=function(){
k=setInterval(function(){
var a=m+1<w?m+1:0;
b.pager&&n(a);
t(a)}
,x)}
,p());
i=function(){
if(b.auto){
clearInterval(k);
p()}
}
;
b.pause&&e.hover(function(){
clearInterval(k)}
,function(){
i()}
);
b.pager&&(l.bind("click",function(a){
a.preventDefault();
b.pauseControls||i();
a=l.index(this);
if(!(m===a||d("."+j+":animated").length)){
n(a);
t(a)}
}
).eq(0).closest("li").addClass(s),b.pauseControls&&l.hover(function(){
clearInterval(k)}
,function(){
i()}
));
if(b.nav){
c="<a href='#' class='"+y+" prev'>"+b.prevText+"</a><a href='#' class='"+y+" next'>"+b.nextText+"</a>";
h.controls?d(b.controls).append(c):e.after(c);
var c=d("."+g+"_nav"),B=d("."+g+"_nav.prev");
c.bind("click",function(a){
a.preventDefault();
if(!d("."+j+":animated").length){
var c=f.index(d("."+j)),a=c-1,c=c+1<w?m+1:0;
t(d(this)[0]===B[0]?a:c);
b.pager&&n(d(this)[0]===B[0]?a:c);
b.pauseControls||i()}
}
);
b.pauseControls&&c.hover(function(){
clearInterval(k)}
,function(){
i()}
)}
}
if("undefined"===typeof document.body.style.maxWidth&&h.maxwidth){
var C=function(){
e.css("width","100%");
e.width()>r&&e.css("width",r)}
;
C();
d(D).bind("resize",function(){
C()}
)}
}
)}
}
)(jQuery,this,0);
$(function(){
$(".f426x240").responsiveSlides({
auto:true,pager:true,nav:true,speed:700,maxwidth:426}
);
$(".f160x160").responsiveSlides({
auto:true,pager:true,speed:700,maxwidth:160}
);
}
);
CSS代码(xixi.css):
*{padding:0;margin:0}
body{font-family:verdana,arial,tahoma;font-size:12px;color:#333}
img{border:0}
/* ����ͼ */
.focus{width:426px;height:240px;border:1px solid #EEE;position:relative;margin-top:6px;float:left}
.f426x240{width:426px;height:240px;overflow:hidden}
.f426x240 img{width:426px;height:240px}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 -560px;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0,.2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0,.6);background:#390}