头一次用前端技术给自己谋福利

老姚
老姚 发布于 2016-11-18 21:23:01 浏览:2579 类型:原创 - 随笔 分类:JavaScript - 思路 二维码: 作者原创 版权保护
事情是这样的,今天在优酷关注新闻热点时,看到一个视频,讲《灌篮高手》最后一集,是网友制作全国大赛大战山王那段。
突然想重新温习一下漫画,可看了几个漫画网站,上面的排版都不好,看得不怎么舒服。
当时觉得用f12,把图片下下来在自己电脑上看,后来一想我为啥不简单写点代码呢,好歹我也是程序员啊。
其图片url是有规律的,很快就写好了,当然很简单,然后再找个放大插件,一弄就ok了。
虽然是非常简单事情,不过是做前端头一次给自己做的,遂记录之。

注意观看效果时,点击“全屏浏览”按钮,当点击每个图片时,会自动放大的。
漫画网站是:http://www.tuku.cc/comic/92/
<body></body>
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery-zoom/1.7.18/jquery.zoom.min.js"></script>
<script>
$(function() {
	$('div').zoom({
		on: 'click',
		magnify: 1.5
	});
});
</script>
<script>
var body = document.body;
body.innerHTML = '';
for(var i = 1; i < 22; i++) {
	var index = i +'';
	if (index.length == 1) {
		index = '00' + index;
	}
	if (index.length == 2) {
		index = '0' + index;
	}
	body.innerHTML += '<div><img src="http://tkpic.tukucc.com/4800/92/c_229045/' + index + '.jpg"></div>'
}
</script>
标签:
z
给个赞 19 人点赞
收藏 6 人收藏
评论 已有 14 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
waitTu
waitTu2016-11-22 08:48:2515F
node 爬过来的数据处理太麻烦了, //@Nick-chen:写个node 爬一下就好了
举报 支持 (0) 回复 (0)
xu5567
xu55672016-11-21 19:10:1814F
虽然代码很简单。但是想法确实挺好的~
举报 支持 (0) 回复 (0)
sl2782087
sl27820872016-11-21 08:16:5613F
用技术去解决问题,提供了一个很好的想法。
举报 支持 (0) 回复 (0)
乔布斯
乔布斯2016-11-20 23:11:1412F
emoticon
举报 支持 (0) 回复 (0)
cyyax
cyyax2016-11-20 13:41:4411F
拜读emoticon
举报 支持 (0) 回复 (0)
Nick-chen
Nick-chen2016-11-20 12:27:1210F
写个node 爬一下就好了
举报 支持 (0) 回复 (1)
极乐网
极乐网2016-11-19 19:16:009F
666666
举报 支持 (0) 回复 (0)
nick906
nick9062016-11-19 19:07:488F
(尴尬... //@老姚:不需放入啊。图片地址,是f12拿到的。漫画网站对我来说,就是一个存图片的地方,你想多了。 //@nick906:可能我表达有误,就是怎么把这段代码放入漫画网站执行的?emoticon //@老姚:笔记编辑功能上方的按钮,插入可执行代码。 //@nick906:请问是用什么方式把脚本插入网页中的?
举报 支持 (0) 回复 (0)
老姚
老姚2016-11-19 17:32:537F
不需放入啊。图片地址,是f12拿到的。漫画网站对我来说,就是一个存图片的地方,你想多了。 //@nick906:可能我表达有误,就是怎么把这段代码放入漫画网站执行的?emoticon //@老姚:笔记编辑功能上方的按钮,插入可执行代码。 //@nick906:请问是用什么方式把脚本插入网页中的?
举报 支持 (0) 回复 (1)
nick906
nick9062016-11-19 17:29:466F
可能我表达有误,就是怎么把这段代码放入漫画网站执行的?emoticon //@老姚:笔记编辑功能上方的按钮,插入可执行代码。 //@nick906:请问是用什么方式把脚本插入网页中的?
举报 支持 (0) 回复 (1)
老姚
老姚2016-11-19 16:44:095F
笔记编辑功能上方的按钮,插入可执行代码。 //@nick906:请问是用什么方式把脚本插入网页中的?
举报 支持 (0) 回复 (1)
nick906
nick9062016-11-19 14:27:424F
请问是用什么方式把脚本插入网页中的?
举报 支持 (0) 回复 (1)
nick906
nick9062016-11-19 14:08:213F
可以抢月饼咯
举报 支持 (0) 回复 (0)
Ngt
Ngt2016-11-18 22:24:221F
可以的
举报 支持 (0) 回复 (0)
老姚 老姚 作者

与自己为敌,与自己为友,一边深挖思想,一边埋葬自己。

作者最新