这几天准备了解一下 JavaScript ,关于学习这件事情,我一直都有虎头蛇尾的毛病,JavaScript 其实嚷嚷着学习已经有好几次了,但至今还是在教程第一章徘徊无限循环中……然后就没有然后了。这次又下定决心,开始着手打算学习一翻,希望不要重蹈覆辙,功亏一篑啊!


关于教材本打算下载个 PDF 文档来看,但当看到各种乱七八糟的文字时,顿时没了斗志,于是就安慰自己,反正自己学习 JavaScript 本就不求甚解,遂下载了套视频教程,希望睡觉前能看上个把小时吧。js


关于博客,这几天折腾的时间少了很多,但偶尔也会瞅瞅有什么需要优化的地方,功能上暂时不会增加,只会在现有基础上慢慢优化代码。今天偶然看到个更简洁的 ViewImage 图片灯箱代码,觉得不错,所以上一个 slimbox2 灯箱下岗,记录如下:

使用方法非常简单,只需将如下 js 代码加入主题 js 文件内即可手工。

!function(a){a.extend({viewImage:function(b){var c=a.extend({target:".view-image img",exclude:"",delay:300},b);a(c.exclude).attr("view-image",!1),a(c.target).click(function(){var b=a(this).attr("src"),d=a(this).attr("href"),e="",f="<style class='view-image-css'>.view-img{position:fixed;padding:2%;background:rgba(1,1,1,.5);width:100%;height:100%;top:0;left:0;text-align:center;z-index:999;cursor: zoom-out}.view-img img,.view-img span{max-width:100%;max-height:100%;position:relative;top:50%;transform: translateY(-50%);}.view-img span{height:2em;color:#AAB2BD;overflow:hidden;position:absolute;top:50%;left:0;right:0;width:120px;text-align:center;margin:-1em auto;}.view-img span:after{content:'';position:absolute;bottom:0;left:0;transform: translateX(-100%);width:100%;height:2px;background:#3274ff;animation:view-img-load .8s -0.1s ease-in-out infinite;}@keyframes view-img-load{0%{transform: translateX(-100%);}100%{transform: translateX(100%);}}</style>";return a(this).attr("view-image")||a(this).attr("rel")?void 0:(e=b?b:d,a("body").append(f+"<div class='view-img'><span>loading...</span></div>"),setTimeout(function(){var b=new Image;b.src=e,b.onload=function(){a(".view-img").html("<img src="+this.src+">")},a(".view-img").click(function(){a(".view-image-css").remove(),a(this).remove()})},c.delay),!1)})}})}(jQuery);
jQuery(document).ready(function () {
 jQuery.viewImage({
 'target' : '.the-content img', //需要使用ViewImage的图片
 'exclude': '.commentlist img', //要排除的图片
 'delay' : 300 //延迟时间
 });
 });
  1. sys
    sys 2018-01-16 10:14 pm回复

    为你的折腾点赞

    1. 沉沦
      沉沦 2018-01-18 08:16 pm回复

      点赞有用的话就好了,哈哈!

  2. Mr.He
    Mr.He 2018-01-17 08:10 am回复

    看这些书个人认为还是纸质的比较好。

    1. 沉沦
      沉沦 2018-01-18 08:15 pm回复

      嗯,书中自有黄金屋,书中自有颜如玉!但对于一个已经忘记上次拿书本是什么时间的人来说……有那么点困难。

  3. 影子
    影子 2018-01-18 07:42 pm回复

    没搞定。留个脚印。

    加个链接呗,我已经加了,你看到后加一下

    1. 沉沦
      沉沦 2018-01-18 08:12 pm回复

      好的,好的,已经加上。

  4. 明月清风
    明月清风 2018-01-25 11:55 am回复

    不断学习不断前进了

© 2018 Socode