经验分享程序开发文档资料数据资源其它资源

jquery实现无刷新分页插件js代码

版权：原创 更新时间：1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery实现无刷新分页插件js代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:
整屏预览

部分效果截图:

jquery实现无刷新分页插件js代码

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" />
<title>jqueryʵ����ˢ�·�ҳ���</title>
<style type="text/css">
<!--
a{text-decoration:none;outline:none; color:#666666;}
a:hover{text-decoration:none}
img{border:0}
ul{list-style:none;}
h2{
	color:#6CBD45;
	font-size:14px;
	font-weight:bold;
	padding-bottom:0.5em;
	margin:0;
}

h3{
	font-size:13px;
	font-weight:bold;
	
	
}
	#meun{color:#fff; padding-left:10px;}
#meun img{ float:left;}
#submeun{ margin-left:70px; float:left;}
#submeun li{ text-align:center;  margin-right:10px; float:left;  display:inline;}
#submeun li a{ color:#fff;height:50px; line-height:50px;  font-size:14px; font-weight:bold; text-align:center;  padding-left:15px; padding-right:15px;display:block;}
#submeun li.cur{ text-align:center; background:#82ce18; margin-right:10px;float:left;  display:inline;}
#top{
	background-color:#000;
	margin: 0em 0 10px 0em;

	border-style:solid; border-width:1px; border-color:#E5E5E5;
	height:50px;
	line-height:50px;
}
h2.subtitle{
	font-size:13px;
	float:right;
	color:#6CBD45;
	margin:0 10px;
	text-align:right;
}

h1.title{
	height:50px;    
    font-size:12px;
	background:url(logo.png) no-repeat;
	
}
h1.title a:link,h1.title a:visited,h1.title a:hover{
	color:#000;
	text-decoration:none;
}

-->
</style>
<link type="text/css" href="css/default.css" rel="stylesheet" />
<link type="text/css" href="css/flexslider.min.css?v=3" rel="stylesheet" />
<link rel="stylesheet" href="css/pagination.css" />
</head>

<body>
<br />
<br />

<div class="clear"></div>
<div id="model">
	<div class="title"><h2>�����б�</h2><a id="total"></a></div>
	<div class="clear"></div><ul id="htcList">		
	</ul>
	
	<div class="clear"></div>
	<div id="Pagination" class="pagination"><!-- ������ʾ��ҳ --></div>
	<ul id="Searchresult" style="display:none;">		
	</ul>
</div>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/xhdata.js"></script>
</body>
</html>

JS代码(xhdata.js):

var json = "{
	htc:[{
	pic:'htcImages/5273733.jpg','name':'HTC G20 Rhyme(S510b) '}
,{
	pic:'htcImages/4981411.jpg','name':'HTC G14 Sensation(Z710e) '}
,{
	pic:'htcImages/5441582.jpg','name':'HTC T320e One V '}
,{
	pic:'htcImages/5570719.jpg','name':'HTC T328d �¿���VC '}
,{
	pic:'htcImages/4888998.jpg','name':'HTC G11 Incredible S '}
,{
	pic:'htcImages/5542731.jpg','name':'HTC T328w �¿���V '}
,{
	pic:'htcImages/5221231.jpg','name':'HTC G13 Wildfire S(A510e) '}
,{
	pic:'htcImages/4135938.jpg','name':'HTC EVO 4G(sprit��) '}
,{
	pic:'htcImages/5555162.jpg','name':'HTC G23 One X(S720e) '}
,{
	pic:'htcImages/5360140.jpg','name':'HTC G18(��ɫ) '}
,{
	pic:'htcImages/5439425.jpg','name':'HTC S720e One X '}
,{
	pic:'htcImages/5282298.jpg','name':'HTC G21 Sensation XL(X315e) '}
,{
	pic:'htcImages/4557067.jpg','name':'HTC G10 Desire HD '}
,{
	pic:'htcImages/5578771.jpg','name':'HTC S720t One XT '}
,{
	pic:'htcImages/4888975.jpg','name':'HTC G12 Desire S(S510e) '}
,{
	pic:'htcImages/4250858.jpg','name':'HTC G7 Desire '}
,{
	pic:'htcImages/5308835.jpg','name':'HTC G11(��ɫ) '}
,{
	pic:'htcImages/5506291.jpg','name':'HTC Z520e One S '}
,{
	pic:'htcImages/5261956.jpg','name':'HTC G18 Sensation XE(Z715e) '}
,{
	pic:'htcImages/5542739.jpg','name':'HTC T328t �¿���VT '}
,{
	pic:'htcImages/5572018.jpg','name':'HTC One X(������) '}
,{
	pic:'htcImages/4989863.jpg','name':'HTC S710e '}
,{
	pic:'htcImages/4956194.jpg','name':'HTC EVO 3D(GSM��) '}
,{
	pic:'htcImages/4613169.jpg','name':'HTC 7 Trophy T8686 '}
,{
	pic:'htcImages/5270710.jpg','name':'HTC G19 Raider 4G(X710e) '}
,{
	pic:'htcImages/5045797.jpg','name':'HTC A510e Ұ��S '}
,{
	pic:'htcImages/5305715.jpg','name':'HTC G14(��ɫ��) '}
,{
	pic:'htcImages/5004202.jpg','name':'HTC S710d '}
,{
	pic:'htcImages/5564040.jpg','name':'HTC One XL '}
,{
	pic:'htcImages/5507270.jpg','name':'HTC EVO 4G LTE '}
,{
	pic:'htcImages/5277019.jpg','name':'HTC G22 X715e Amaze 4G '}
,{
	pic:'htcImages/5280238.jpg','name':'HTC A310e Explorer '}
,{
	pic:'htcImages/5556762.jpg','name':'HTC J '}
,{
	pic:'htcImages/5290114.jpg','name':'HTC S510b ���� '}
,{
	pic:'htcImages/4243965.jpg','name':'HTC G8 Wildfire '}
,{
	pic:'htcImages/4888114.jpg','name':'HTC G15 Salsa(C510e) '}
,{
	pic:'htcImages/5040150.jpg','name':'HTC Z710t Sensation '}
,{
	pic:'htcImages/5556804.jpg','name':'HTC T320e One V(΢����) '}
,{
	pic:'htcImages/3500790.jpg','name':'HTC HD2 T8585 '}
,{
	pic:'htcImages/5400921.jpg','name':'HTC X315e ���XL '}
,{
	pic:'htcImages/5583434.jpg','name':'HTC Ville C '}
,{
	pic:'htcImages/3499554.jpg','name':'HTC XV6975 Imagio '}
,{
	pic:'htcImages/5441889.jpg','name':'HTC One XL(AT&T��) '}
,{
	pic:'htcImages/4892281.jpg','name':'HTC G16 ChaCha(A810e) '}
,{
	pic:'htcImages/4614879.jpg','name':'HTC 7 Mozart T8698 '}
,{
	pic:'htcImages/4781351.jpg','name':'HTC A9191 ����HD '}
,{
	pic:'htcImages/5254941.jpg','name':'HTC C110e Radar '}
,{
	pic:'htcImages/5452552.jpg','name':'HTC X310e ���� '}
,{
	pic:'htcImages/4613336.jpg','name':'HTC T9292 HD7 '}
,{
	pic:'htcImages/5314194.jpg','name':'HTC Z715e ���XE '}
,{
	pic:'htcImages/5270153.jpg','name':'HTC X515m ��Ŀ3D '}
,{
	pic:'htcImages/5314444.jpg','name':'HTC X515d ��Ŀ3D(���Ű�) '}
,{
	pic:'htcImages/5087187.jpg','name':'HTC S510e ����S '}
,{
	pic:'htcImages/5441617.jpg','name':'HTC One S(T-Mobile��) '}
,{
	pic:'htcImages/4247114.jpg','name':'HTC Touch Pro2 T7380(Sprint) '}
,{
	pic:'htcImages/4420844.jpg','name':'HTC T9188 ���� '}
,{
	pic:'htcImages/5583423.jpg','name':'HTC A320e Desire C '}
,{
	pic:'htcImages/5040221.jpg','name':'HTC A510c Ұ��S '}
,{
	pic:'htcImages/5313975.jpg','name':'HTC Z510d ˫��S '}
,{
	pic:'htcImages/5193252.jpg','name':'HTC A6390 ���� '}
,{
	pic:'htcImages/5187362.jpg','name':'HTC G5 Nexus One '}
,{
	pic:'htcImages/4613349.jpg','name':'HTC 7 Surround T8788 '}
,{
	pic:'htcImages/5158274.jpg','name':'HTC Z710e ��� '}
,{
	pic:'htcImages/4589753.jpg','name':'HTC T9199 ˫�� '}
,{
	pic:'htcImages/4712231.jpg','name':'HTC HD7(T��) '}
,{
	pic:'htcImages/4829950.jpg','name':'HTC Inspire 4G '}
,{
	pic:'htcImages/4555991.jpg','name':'HTC A7272 Desire Z '}
,{
	pic:'htcImages/5309981.jpg','name':'HTC Rezound '}
,{
	pic:'htcImages/2809341.jpg','name':'HTC Touch Pro T7272 '}
,{
	pic:'htcImages/4534078.jpg','name':'HTC T5555 HD mini '}
,{
	pic:'htcImages/5235805.jpg','name':'HTC X310e TITAN '}
,{
	pic:'htcImages/5290528.jpg','name':'HTC A310e ���� '}
,{
	pic:'htcImages/5124441.jpg','name':'HTC A9188 ���� '}
,{
	pic:'htcImages/5275627.jpg','name':'HTC EVO Design 4G '}
,{
	pic:'htcImages/4355902.jpg','name':'HTC G6 Legend '}
,{
	pic:'htcImages/4458954.jpg','name':'HTC G9 Aria '}
,{
	pic:'htcImages/5389663.jpg','name':'HTC X825a Titan II '}
,{
	pic:'htcImages/5190568.jpg','name':'HTC S715e '}
,{
	pic:'htcImages/5255646.jpg','name':'HTC A810e ChaCha '}
,{
	pic:'htcImages/4112365.jpg','name':'HTC HD2 T8585(T��) '}
,{
	pic:'htcImages/5121908.jpg','name':'HTC Rider X515e '}
,{
	pic:'htcImages/5574907.jpg','name':'HTC Droid Incredible 4G '}
,{
	pic:'htcImages/5190709.jpg','name':'HTC �ݺ� S610d '}
,{
	pic:'htcImages/4946347.jpg','name':'HTC EVO 3D X515c(CDMA��) '}
,{
	pic:'htcImages/4973026.jpg','name':'HTC Incredible 2 '}
,{
	pic:'htcImages/5279305.jpg','name':'HTC S910m '}
,{
	pic:'htcImages/4422510.jpg','name':'HTC A3366 Ұ�� '}
,{
	pic:'htcImages/5262397.jpg','name':'HTC G13 Wildfire S(CDMA��) '}
,{
	pic:'htcImages/5284203.jpg','name':'HTC Radar 4G '}
,{
	pic:'htcImages/4833280.jpg','name':'HTC Thunderbolt ���� 4G '}
,{
	pic:'htcImages/2503947.jpg','name':'HTC XV6900 '}
,{
	pic:'htcImages/3292117.jpg','name':'HTC Touch Pro2 T7373 '}
,{
	pic:'htcImages/4420848.jpg','name':'HTC A8180 ���� '}
,{
	pic:'htcImages/5269089.jpg','name':'HTC Rhyme(����) '}
,{
	pic:'htcImages/4249645.jpg','name':'HTC Incredible '}
,{
	pic:'htcImages/5420283.jpg','name':'HTC Incredible 3 '}
,{
	pic:'htcImages/4981449.jpg','name':'HTC Sensation 4G '}
,{
	pic:'htcImages/4236863.jpg','name':'HTC Hero200 '}
,{
	pic:'htcImages/4192128.jpg','name':'HTC G3 Hero '}
,{
	pic:'htcImages/4107902.jpg','name':'HTC G2 Magic '}
,{
	pic:'htcImages/4547920.jpg','name':'HTC myTouch 4G '}
,{
	pic:'htcImages/5161484.jpg','name':'HTC ΢��(C510e) '}
,{
	pic:'htcImages/3177772.jpg','name':'HTC Touch Diamond2 T5353 '}
,{
	pic:'htcImages/5279036.jpg','name':'HTC Hero S '}
,{
	pic:'htcImages/4351779.jpg','name':'HTC PC189 '}
,{
	pic:'htcImages/5128167.jpg','name':'HTC MyTouch 4G Slide '}
,{
	pic:'htcImages/4420392.jpg','name':'HTC A3380 Ұ�� '}
,{
	pic:'htcImages/3432650.jpg','name':'HTC G4 Tattoo '}
,{
	pic:'htcImages/5391834.jpg','name':'HTC Velocity '}
,{
	pic:'htcImages/4943455.jpg','name':'HTC A315c Ұ�� '}
,{
	pic:'htcImages/4113469.jpg','name':'HTC Sprint XV6950 '}
,{
	pic:'htcImages/4817945.jpg','name':'HTC A3360 Ұ�� '}
,{
	pic:'htcImages/4225133.jpg','name':'HTC myTouch 3G Slide '}
,{
	pic:'htcImages/4827112.jpg','name':'HTC EVO Shift 4G '}
,{
	pic:'htcImages/5168304.jpg','name':'HTC Status(AT&T�� chacha) '}
,{
	pic:'htcImages/5233631.jpg','name':'HTC Sensation 2 '}
,{
	pic:'htcImages/3518515.jpg','name':'HTC Touch2 T3333 '}
,{
	pic:'htcImages/5306197.jpg','name':'HTC Vivid '}
,{
	pic:'htcImages/5320008.jpg','name':'HTC Zeta '}
,{
	pic:'htcImages/3243459.jpg','name':'HTC XV6175 '}
,{
	pic:'htcImages/4119118.jpg','name':'HTC A9292(Sprint) '}
,{
	pic:'htcImages/3202283.jpg','name':'HTC Snap S521 '}
,{
	pic:'htcImages/3388677.jpg','name':'HTC T5399 Tachi '}
,{
	pic:'htcImages/1377317.jpg','name':'HTC P6500 '}
,{
	pic:'htcImages/4361289.jpg','name':'HTC S510 '}
,{
	pic:'htcImages/5590912.jpg','name':'HTC A320e ����C '}
,{
	pic:'htcImages/5558106.jpg','name':'HTC Z520e One S(΢����) '}
,{
	pic:'htcImages/4192192.jpg','name':'HTC F3188 Smart '}
,{
	pic:'htcImages/3028687.jpg','name':'HTC Touch Diamond P6950(CDMA��) '}
,{
	pic:'htcImages/5210806.jpg','name':'HTC Incredible 2(��ɫ��) '}
,{
	pic:'htcImages/5031112.jpg','name':'HTC Hero 4G '}
,{
	pic:'htcImages/2425649.jpg','name':'HTC Touch Dual T3232 '}
,{
	pic:'htcImages/5364613.jpg','name':'HTC Elite '}
,{
	pic:'htcImages/4811513.jpg','name':'HTC 7 Pro '}
,{
	pic:'htcImages/5220905.jpg','name':'HTC Elegant '}
,{
	pic:'htcImages/5037657.jpg','name':'HTC Trophy(ȫ���) '}
,{
	pic:'htcImages/4968303.jpg','name':'HTC Tata '}
,{
	pic:'htcImages/4937206.jpg','name':'HTC Prime '}
,{
	pic:'htcImages/4361289.jpg','name':'HTC S510 '}
,{
	pic:'htcImages/2259504.jpg','name':'HTC CHT9100 '}
,{
	pic:'htcImages/4539692.jpg','name':'HTC Desire Z(T�� G2) '}
,{
	pic:'htcImages/2938430.jpg','name':'HTC T3232 Touch 3G '}
,{
	pic:'htcImages/2296882.jpg','name':'HTC P4550 '}
,{
	pic:'htcImages/4592013.jpg','name':'HTC Spark '}
,{
	pic:'htcImages/4838668.jpg','name':'HTC Desire(CDMA��) '}
,{
	pic:'htcImages/3388601.jpg','name':'HTC Whitestone '}
,{
	pic:'htcImages/2312927.jpg','name':'HTC X9500 Shift '}
,{
	pic:'htcImages/5079654.jpg','name':'HTC Mazaa '}
,{
	pic:'htcImages/4944571.jpg','name':'HTC T9295 HD7S '}
,{
	pic:'htcImages/4085431.jpg','name':'HTC Magic+ '}
,{
	pic:'htcImages/5387027.jpg','name':'HTC HD8 '}
,{
	pic:'htcImages/5385436.jpg','name':'HTC Radiant '}
,{
	pic:'htcImages/5054059.jpg','name':'HTC Lead '}
,{
	pic:'htcImages/3043797.jpg','name':'HTC T8285 Touch HD '}
,{
	pic:'htcImages/5272044.jpg','name':'HTC Omega '}
,{
	pic:'htcImages/2789106.jpg','name':'HTC Touch Diamond P6950 '}
,{
	pic:'htcImages/5075699.jpg','name':'HTC Mecha S '}
,{
	pic:'htcImages/5074210.jpg','name':'HTC Panache 4G '}
,{
	pic:'htcImages/2517614.jpg','name':'HTC P3600i '}
,{
	pic:'htcImages/5236016.jpg','name':'HTC Eternity '}
,{
	pic:'htcImages/5201463.jpg','name':'HTC Ignite '}
,{
	pic:'htcImages/2549648.jpg','name':'HTC P4350 '}
,{
	pic:'htcImages/2723681.jpg','name':'HTC X7510 '}
,{
	pic:'htcImages/5254943.jpg','name':'HTC Runnymede 2 '}
,{
	pic:'htcImages/5040307.jpg','name':'HTC Glacier '}
,{
	pic:'htcImages/3211126.jpg','name':'HTC S730 '}
,{
	pic:'htcImages/2467600.jpg','name':'HTC Mogul(XV6800) '}
,{
	pic:'htcImages/4586109.jpg','name':'HTC Touch HD Dual '}
,{
	pic:'htcImages/3185810.jpg','name':'HTC Touch Pro P6850(CDMA��) '}
,{
	pic:'htcImages/2917699.jpg','name':'HTC S740 '}
,{
	pic:'htcImages/5059455.jpg','name':'HTC Bresson '}
,{
	pic:'htcImages/3299203.jpg','name':'HTC Snap(Sprint) '}
,{
	pic:'htcImages/1396245.jpg','name':'HTC MDA Basic '}
,{
	pic:'htcImages/1390279.jpg','name':'HTC MAX 4GB '}
,{
	pic:'htcImages/3107133.jpg','name':'HTC Touch Cruise T4242 '}
,{
	pic:'htcImages/5163058.jpg','name':'HTC Wildfire S(T��) '}
,{
	pic:'htcImages/4511605.jpg','name':'HTC F8181 Freestyle '}
,{
	pic:'htcImages/3539078.jpg','name':'HTC Droid Eris '}
,{
	pic:'htcImages/4510092.jpg','name':'HTC Scorpion '}
,{
	pic:'htcImages/3339141.jpg','name':'HTC P3300 '}
,{
	pic:'htcImages/2296938.jpg','name':'HTC P3450 '}
,{
	pic:'htcImages/3289866.jpg','name':'HTC Ozone '}
,{
	pic:'htcImages/3582303.jpg','name':'HTC 6750 '}
,{
	pic:'htcImages/2409890.jpg','name':'HTC TyTN II '}
,{
	pic:'htcImages/4631837.jpg','name':'HTC Gratia '}
,{
	pic:'htcImages/4907101.jpg','name':'HTC Arrive(7 Pro CDMA��) '}
,{
	pic:'htcImages/4571658.jpg','name':'HTC Lexikon '}
,{
	pic:'htcImages/1378394.jpg','name':'HTC Diamond P3702 '}
,{
	pic:'htcImages/3600620.jpg','name':'HTC Touch Pro3 '}
,{
	pic:'htcImages/2733607.jpg','name':'HTC Touch '}
,{
	pic:'htcImages/3249104.jpg','name':'HTC 7950 '}
,{
	pic:'htcImages/4724253.jpg','name':'HTC Merge '}
,{
	pic:'htcImages/4887185.jpg','name':'HTC Revolver '}
,{
	pic:'htcImages/3646869.jpg','name':'HTC 7 Trophy Swap '}
,{
	pic:'htcImages/2408735.jpg','name':'HTC Lobster 700tv '}
,{
	pic:'htcImages/2500550.jpg','name':'HTC P3470 '}
,{
	pic:'htcImages/4605338.jpg','name':'HTC Mondrian '}
,{
	pic:'htcImages/5033927.jpg','name':'HTC Marvel(T�� Wildfire S) '}
,{
	pic:'htcImages/2938322.jpg','name':'HTC Touch Viva T2223 '}
,{
	pic:'htcImages/2984149.jpg','name':'HTC MAX 4G(T8290) '}
,{
	pic:'htcImages/4528964.jpg','name':'HTC Bee '}
,{
	pic:'htcImages/4666664.jpg','name':'HTC Mecha '}
,{
	pic:'htcImages/4806592.jpg','name':'HTC AQUA '}
,{
	pic:'htcImages/3600697.jpg','name':'HTC Buzz '}
,{
	pic:'htcImages/3600855.jpg','name':'HTC Tide '}
,{
	pic:'htcImages/3628648.jpg','name':'HTC Chrome '}
,{
	pic:'htcImages/2176742.jpg','name':'HTC Qtek 9000 '}
,{
	pic:'htcImages/2853314.jpg','name':'HTC P3651 '}
,{
	pic:'htcImages/3243965.jpg','name':'HTC Touch Cruise '}
,{
	pic:'htcImages/4120521.jpg','name':'HTC Tera '}
,{
	pic:'htcImages/4937190.jpg','name':'HTC Lgnite '}
,{
	pic:'htcImages/4980017.jpg','name':'HTC Emerald '}
,{
	pic:'htcImages/3498075.jpg','name':'HTC Pure '}
,{
	pic:'htcImages/1395391.jpg','name':'HTC Iolite '}
,{
	pic:'htcImages/3162401.jpg','name':'HTC Maple '}
,{
	pic:'htcImages/3284018.jpg','name':'HTC Lancaster '}
,{
	pic:'htcImages/1414015.jpg','name':'HTC S630 '}
,{
	pic:'htcImages/4695423.jpg','name':'HTC Paradise '}
,{
	pic:'htcImages/3583505.jpg','name':'HTC Touch B '}
,{
	pic:'htcImages/3650001.jpg','name':'HTC Obsession '}
,{
	pic:'htcImages/1411496.jpg','name':'HTC Willow '}
]}
";
	$(function(){
	var jsonData = eval(json);
	$.each(jsonData,function(i,n){
	$("#Searchresult").append("<li><img src=\""+n.pic+"\" atl=\""+n.name+"\" height=\"90\" /><br />"+n.name+"</li>");
}
);
	var num_entries = $("#Searchresult li").length;
	var showCount = 12;
	$("#total").html("һ���� "+num_entries+" ������ ÿҳ��ʾ"+showCount+"��");
	var initPagination = function(){
	// ������ҳ$("#Pagination").pagination(num_entries,{
	num_edge_entries:1,//��Եҳ��num_display_entries:6,//����ҳ��callback:pageselectCallback,items_per_page:showCount //ÿҳ��ʾ1��}
);
}
();
	function pageselectCallback(page_index,jq){
	var max_elem = Math.min((page_index+1) *showCount,num_entries);
	$("#htcList").html("");
	for(var i=page_index*showCount;
	i<max_elem;
	i++){
	var new_content = $("#Searchresult li:eq("+i+")").clone();
	$("#htcList").append(new_content);
	//װ�ض�Ӧ��ҳ������}
return false;
}
}
);

CSS代码(index.css):

.dianxin_intro{POSITION:relative;MARGIN:25px auto 0px;WIDTH:930px;HEIGHT:160px}
.dianxin_intro P{DISPLAY:block}
.intro_os{BACKGROUND-COLOR:#fff;WIDTH:300px;FLOAT:left;HEIGHT:160px;MARGIN-RIGHT:15px;box-shadow:rgba(0,0,0,0.25)0 0 2px;-moz-box-shadow:rgba(0,0,0,0.25)0 0 2px;-webkit-box-shadow:rgba(0,0,0,0.25)0 0 2px}
.intro_os3{MARGIN-RIGHT:0px}
.intro_os .intro_img{POSITION:absolute;MARGIN:2px;WIDTH:296px;HEIGHT:156px;TOP:0px}
.intro_os P{MARGIN-LEFT:18px}
.intro_title{POSITION:absolute;MARGIN-TOP:15px;COLOR:#606060;FONT-SIZE:20px}
.intro_title_a{COLOR:#606060}
.intro_title_a:active{COLOR:#606060}
.intro_title_a:visited{COLOR:#606060}
.intro_title_a:link{COLOR:#606060}
.intro_title_a:hover{COLOR:#606060}
.intro_para{POSITION:absolute;LINE-HEIGHT:18px;MARGIN-TOP:55px;WIDTH:130px;DISPLAY:inline;COLOR:#727272;FONT-SIZE:12px}
.intro_more{POSITION:absolute;WIDTH:80px;COLOR:#727272;MARGIN-LEFT:18px;TOP:120px}
.intro_more:hover{POSITION:absolute;WIDTH:80px;COLOR:#8a8a8a;TOP:120px}
.news_box{BACKGROUND-COLOR:#fff;MARGIN:10px auto 0px;WIDTH:930px;HEIGHT:35px;box-shadow:rgba(0,0,0,0.25)0 0 2px;-moz-box-shadow:rgba(0,0,0,0.25)0 0 2px;-webkit-box-shadow:rgba(0,0,0,0.25)0 0 2px}
.news_box .left_box{TEXT-ALIGN:center;MARGIN:3px 0px;WIDTH:100px;PADDING-RIGHT:5px;FLOAT:left;HEIGHT:28px;BORDER-RIGHT:#e4e4e4 1px solid}
.news_jumplink{MARGIN:3px 4px 0px 20px;DISPLAY:inline-block;FLOAT:left;HEIGHT:20px;COLOR:#606060;FONT-SIZE:16px}
.news_jumplink:hover{COLOR:#8a8a8a}
.rightbox{MARGIN-TOP:11px;WIDTH:820px;FLOAT:left;HEIGHT:24px}
.rightbox .news_arrow{MARGIN:0px 30px;WIDTH:8px;DISPLAY:inline-block;FLOAT:left;HEIGHT:16px}
.rightbox .news_list{WIDTH:670px;FLOAT:left}
.rightbox .news_list A{LINE-HEIGHT:16px;WIDTH:670px;DISPLAY:block;FLOAT:left;HEIGHT:16px;COLOR:#606060;FONT-SIZE:12px}
.news_list A{DISPLAY:block;FLOAT:left;HEIGHT:16px;COLOR:#606060}

CSS代码(wf.css):

.sparker5_wf_02{Z-INDEX:1;POSITION:relative;MARGIN:18px auto 0px;WIDTH:930px;HEIGHT:388px}
.sparker5_wf_02 .wf_showbox_img IMG{Z-INDEX:99;POSITION:relative;MARGIN-TOP:0px;WIDTH:930px;DISPLAY:inline;HEIGHT:350px;MARGIN-LEFT:0px}
.sparker5_wf_02 .wf_switchbox{Z-INDEX:100;POSITION:absolute;TEXT-ALIGN:center;MARGIN:0px auto;WIDTH:930px;HEIGHT:13px;TOP:360px;LEFT:0px}
.sparker5_wf_02 .wf_switchbox .wf_switchbox_nav{TEXT-ALIGN:center;MARGIN:0px auto;WIDTH:100%;ZOOM:1;DISPLAY:inline-block;HEIGHT:13px;TEXT-DECORATION:none}
.sparker5_wf_02 .wf_switchbox A{PADDING-BOTTOM:5px;MARGIN-TOP:13px;PADDING-LEFT:5px;WIDTH:13px;PADDING-RIGHT:5px;ZOOM:1;DISPLAY:inline-block;BACKGROUND:url(../images/switch_botton1.png) no-repeat 50% top;HEIGHT:12px;MARGIN-RIGHT:10px;PADDING-TOP:5px}
.sparker5_wf_02 .wf_switchbox A.activeSlide{PADDING-BOTTOM:5px;MARGIN-TOP:13px;PADDING-LEFT:5px;WIDTH:13px;PADDING-RIGHT:5px;ZOOM:1;BACKGROUND:url(../images/switch_botton3.png) no-repeat 50% top;HEIGHT:12px;MARGIN-RIGHT:10px;PADDING-TOP:5px}
.sparker5_wf_02 .wf_switchbox A:focus{OUTLINE-STYLE:none;OUTLINE-COLOR:invert;OUTLINE-WIDTH:medium}
附件:下载该文件资源,减少时间成本(增值服务)
File Source
.rar
758.79 KB
立即下载(CNY 2.9￥)
打赏 收藏
分享
分享到QQ 分享到微博 微信扫一扫
留言
该资源可下载
File Source
.rar
758.79 KB
立即下载
潘纯
了解
打赏作者 鼓励作者
jquery特效3
最新结算
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
HTML5实现CSS滤镜图片切换特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery+css3实现信封效果
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害，或使用了您的版权，请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
帮助中心
联系我们
  • QQ：21499807
  • 邮箱：sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章