事情是这样的, 今天在优酷关注新闻热点时, 看到一个视频, 讲灌篮高手最后一集, 是网友制作全国大赛大战山王那段
突然想重新温习一下漫画, 可看了几个漫画网站, 上面的排版都不好, 看得不怎么舒服
当时觉得用 f12, 把图片下下来在自己电脑上看, 后来一想我为啥不简单写点代码呢, 好歹我也是程序员啊
其图片 url 是有规律的, 很快就写好了, 当然很简单, 然后再找个放大插件, 一弄就 ok 了
虽然是非常简单事情, 不过是做前端头一次给自己做的, 遂记录之
注意观看效果时, 点击全屏浏览按钮, 当点击每个图片时, 会自动放大的
漫画网站是: http://www.tuku.cc/comic/92/
html 代码
- <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>
来源: http://www.qdfuns.com/article/17398/9952fb57db0793a1c3bdc171586ca118.html