<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/zepto.js' : 'js/jquery.js') +
'><\/script>')
</script><script src="js/zepto.js"></script>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/public.js' : 'js/wp.js') +
'><\/script>')
</script><script src="js/public.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<title>仿n次元漫画手机wap动漫网站模板列表页-【】</title>
<style>
.view_body{ }
</style>
<style media="all and (orientation:landscape)" type="text/css">
.c_list_box{ left:20%}
.c_list_box #c_standard{ height:120px}
</style>
<script type="text/javascript">
var listScroll,cScroll,
pullDownEl, pullDownOffset;
function pullDownAction () {
$(".back_title .ficon").show();
setTimeout(function () { //进行数据处理(如ajax)
loadingList(true,1);
$(".back_title .ficon").css("bottom","-45px");
$("#update_flist").css("z-index","999");
listScroll.refresh(); //重新刷新列表
},1500);
}
function loaded() {
// 头部样式处理
$(".float_header").css({"overflow":"hidden","position":"absolute"});
//无列表处理
if($(".item").length==0){
$("#pullDown").hide();
return;
}
pullDownEl = document.getElementById('pullDown');
pullDownOffset = pullDownEl.offsetHeight;
listScroll = new iScroll('update_flist', {
useTransition: true,
topOffset: pullDownOffset,
onScrollStart: function(){
$(".float_header").css("overflow","visible");
},
onRefresh: function () {
if ($(".update_tips b").size()>0){
$(".update_tips").html("<i></i><label>下拉刷新列表</label>");
}
},
onScrollMove: function () {
if (this.y >10) {
this.minScrollY = 0;
$(".back_title .ficon").css("bottom","-42px");//调整头像位置
$(".update_tips i").animate({rotateZ: '-180deg'},100,'ease-out');
$(".update_tips label").text("松开即可刷新");
} else if (this.y <10) {
$(".back_title .ficon").css("bottom","-45px");//隐藏头像位置
this.minScrollY = -pullDownOffset;
}
},
onScrollEnd: function () {
if ($(".update_tips label").text()=="松开即可刷新") {
$("#update_flist").css("z-index","10");
$(".update_tips").html("<b></b><label>努力加载中…</label>");
pullDownAction();
}
}
});
}
//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 5);}, false);
var currentPage = 2;
var totalResult = 0;
var showCount = '';
var reqtype = '';
var factor = '';
var dictId = '8';
var title = '少女';
var totalPage = '39';
$(function(){
$('#more_loading').click(function(){
loadingList(false,currentPage);
});
$(".goto_bar").removeClass("fix");//底部跳转按钮样式置底
//发现分类弹出层效果
/*$(".back_title .c_find").click(function(){
if($(".back_title .c_find").children("i").hasClass("open")){
$(".back_title .c_find").children("i").removeClass("open")
$(".c_list_box").hide();
}else{
$(".back_title .c_find").children("i").addClass("open")
$(".c_list_box").show();
cScroll = new iScroll('c_standard',{
hideScrollbar: true
});
}
});*/
});
function loadingList(isFirst,currPage){
var data = '¤tPage=' + currPage + '&dictId=' + dictId;
var url = 'http://m.nciyuan.com/find/find_list.htm?actionMethod=onList';
$.ajax({
type: 'POST',
url: url,
data: data,
dataType: 'json',
success: function(result){
var list = result.list;
totalResult = result.totalResult;
totalPage = result.totalPage;
var divs = '';
for(var i = 0;i<list.length;i++){
var m = list[i];
var readUrl = 'http://m.nciyuan.com/read/detail.htm?comicId=' + m.id;
var readingUrl = 'http://m.nciyuan.com/read/reading.htm?comicId=' + m.id;
var imgUrl = 'http://img.ciyuan.be' + m.cover;
var rec = m.recommended;
var label_html = '';
if(m.publishedStatus == 0){
label_html += '<i class="opus_icon pt"></i>';
}else if(m.publishedStatus == 1){
label_html += '<i class="opus_icon dj"></i>';
}else if(m.publishedStatus == 2){
label_html += '<i class="opus_icon sq"></i>';
}else if(m.publishedStatus == 3){
label_html += '<i class="opus_icon qy"></i>';
}
if(m.isDsrw == 1){
label_html += '<i class="opus_icon ds"></i>';
}
if(m.isFhzp == 1){
label_html += '<i class="opus_icon fh"></i>';
}
divs +='<div class="item">'
+'<dl>'
+'<dt><a href="'+ readUrl +'"><img src="'+ imgUrl +'" /></a></dt>'
+'<dd><a href="'+ readUrl +'" class="bname opus_l_bname">'+ m.name +'</a>'+ label_html +'</dd>'
+'<dd class="b_hot"><label>人气:' + m.clickTotal +'</label><label>评分:' + m.grade + '</label></dd>'
//+'<dd>评分:' + m.grade +'</dd>'
+'<dd class="author">最近更新:' + Util.substringOwn(12,m.lastUpdateName) +'</dd>'
+'</dl>'
+'<a href="'+ readingUrl +'" data="'+ readingUrl +'" class="ricon"><b></b></a>'
+'</div>';
}
if(isFirst){
$('#list_new').html(divs);
} else {
$('#list_more').append(divs);
}
$(".back_title .ficon").css("bottom","-45px");
$("#update_flist").css("z-index","999");
listScroll.refresh(); //重新刷新列表
currentPage++;
if(currentPage >= totalPage){
$('#more_loading_d').hide();
return;
}
}
});
}
</script>
</head>
<body>
<div class="float_header" style="overflow: hidden; position: absolute; ">
<div class="login_wrapper">
</div>
<div class="header header2">
<div class="logo_wrapper">
<div class="logo"><a href="#">n次元</a></div>
<div class="login" id="login"><i></i><label>登录</label></div>
</div>
</div>
<div class="back_title">
<b><a href="#"></a></b>
<h2 id="title"><a href="#"></a><span class="c_find">少女<!-- <i></i> --></span></h2>
<div class="ficon"></div>
</div>
</div>
<div class="view_body" id="top_page_div">
<div class="flist_content" id="update_flist" style="overflow: hidden; ">
<div id="scroller" style="-webkit-transition: -webkit-transform 0ms cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform-origin: 0px 0px; -webkit-transform: translate(0px, -82px) scale(1) translateZ(0px); ">
<div id="pullDown">
<div class="update_tips">
<i></i><label>下拉刷新列表</label>
</div>
</div>
<div class="list_wrapper" id="list_wrapper">
<div id="list_new">
<div class="item">
<dl>
<dt><a href="#"><img src="img/2558_1363844282629_cover_111_ylrGV_145.jpg"></a></dt>
<dd>
<a href="#" class="bname opus_l_bname">七公主</a>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(随意编程),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助 【资源内容】:项目具体内容可查看/点击本页面下方的*资源详情*,包含完整源码+工程文件+说明(若有)等。【若无VIP,此资源可私信获取】 【本人专注IT领域】:有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为您提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【适合场景】:相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
资源推荐
资源详情
资源评论
收起资源包目录
仿n次元漫画手机wap动漫网站模板.zip (63个子文件)
(FZY059)仿n次元漫画手机wap动漫网站模板
zhuche.html 2KB
yuedu.html 10KB
js
img.js 3KB
zepto.js 48KB
reading.js 11KB
public.js 12KB
iscroll.js 34KB
util.js 3KB
jquery.js 91KB
wp.js 12KB
img
1381200747427_p3cokevbi8wu.jpg 11KB
1381200993648_waj7rmuswyep.jpg 12KB
1346_1366257154045_cover_111_3rChb_145.jpg 10KB
1378107369891_yxtlrwzp2w4r.jpg 6KB
368_1367903036855_cover_111_WzySv_145.jpg 26KB
2558_1363844282629_cover_111_ylrGV_145.jpg 30KB
1381201047708_19ew6tbeorgu.jpg 7KB
9.png 5KB
2558_1363844282629_cover_80_4ond4_105.jpg 25KB
999.png 7KB
1381193777577_gaoaok3plg8t.jpg 8KB
24.png 5KB
1381192670026_gso3r4tp6nmt.jpg 29KB
25.png 5KB
1381200883981_kwaot68a593k.jpg 9KB
1000.png 6KB
1381200809987_yfp71niv25g6.jpg 9KB
15.png 6KB
1381215195943_mwfc3lu2lbjh.jpg 11KB
1381214765678_5sm9tqn35ni2.jpg 16KB
1381201016374_8l3lnct0zohu.jpg 4KB
1381193467184_wbbbhe7c6a6h.jpg 20KB
1378107304497_yhj0xtqgcyiv.jpg 9KB
1378107234255_p624rb0inl83.jpg 9KB
1381193710258_afvayodkyzln.jpg 8KB
1378107494218_bdtfjtjz6mmz.jpg 6KB
1381200645009_yjk41leaxaqu.jpg 16KB
1381193882469_nv970q374dz0.jpg 11KB
511_1358822795642_cover_111_LEA3S_145.jpg 25KB
default.png 8KB
1381200857973_eemox35rj3ol.jpg 8KB
8.png 6KB
1381194043670_i1z048cgx0mx.jpg 6KB
21.png 5KB
17.png 5KB
read.png 26KB
1381200511511_qc2shqxye2u0.jpg 12KB
16.png 5KB
1381200920551_gjb83q13ysps.jpg 5KB
1379987896487_iq98ef2fnwyy.jpg 10KB
7.png 6KB
1381200472996_d2voh0rgncfg.jpg 15KB
18.png 5KB
4173_1369830868884_cover_111_1ydZp_145.jpg 6KB
icon.png 11KB
1381215003431_pbe8d2y7s30z.jpg 13KB
1381194001642_vakaj8jkl6ob.jpg 11KB
css
layout.css 318KB
liebiao.html 13KB
index.html 10KB
denglu.html 3KB
faxian.html 5KB
zhengwen.html 6KB
共 63 条
- 1
资源评论
科技梦想家
- 粉丝: 626
- 资源: 952
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C#ASP.NET学生成绩管理系统源码 学生信息管理系统源码数据库 SQL2008源码类型 WebForm
- 时间序列-白银-30分钟数据
- 基于HTML5+CSS3+JavaScript 实现的移动Web商城前端UI源码课程源码
- 时间序列-白银-5分钟数据
- CAD/CASS缝隙自动修复插件(仅含安装包,需另行激活)
- 基于python + Mask R-CNN的交通标志识别课程设计
- iTunes9.2.1.dmg
- C#通用固定资产管理系统源码带二维码数据库 SQL2008源码类型 WebForm
- Matlab 建立了并具有数字调压功能的空间矢量脉宽调制SVPWM逆变器仿真
- 毕业设计-毕业设计&课设-推荐系统项目:含协同过滤、矩阵分解等算法及相关代码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功