随笔分类 -  点点滴滴

摘要：3.结合<span id="outer"><span id="inner">text</span></span>这段结构，谈谈innerHTML outerHTML innerText之间的区别。innerHTML:对象里面的HTML内容，这里是<span id="inner">text</span>outerHTML:对象里面包括对象本身的HTML内容，这里是<span id="outer"><span id="i 阅读全文

摘要：这是一道在面试的时候面试官帅哥出的一道题，随便用什么语言实现。我当时用jQuery没能完整给出答案，后来回家自己研究了一下，算法还挺简单的。题目：求页面中所有单词的个数jQuery(function(){ function countWordsNum(){ var wordsArr = [];// 保存各个单词 var $nodes = $("body").children(); var len = $nodes.length; var regx = /[a-zA-Z]+/g; for(var i=0; i<len; i++) { var str = $nodes.e 阅读全文

摘要：/****************滚动加载图片函数****************/ function scrollLoading(){ var st = $(window).scrollTop(), sth = st + $(window).height(); var $targetpics = $("img.scrloadpic"); var len = $targetpics.length; for(var i=0; i< len; i++) { var $temppic = $targetpics.eq(i); var post = $temppic.... 阅读全文

摘要：效果（如上图）： 鼠标滑到“应用”上时显示下面几个图标，鼠标离开后隐藏图标。方法：写一个<div>用来存放这些小图标，然后再鼠标滑动的时候append到“应用”所在的div里。(这里暂时先不要用下面的方法实现，用下面的方法实现，鼠标就不能移到各个图标上，因为鼠标一离开“应用”，图标框就会自动隐藏)效果（如上图）：点击笑脸图标则弹出各种表情选项框，点击选项框外任意地方可以隐藏选项框。方法： 可任意涌上一种方法实现，也可以写一个div放置选项框，然后设置这个div的position为absolute;Tips：<title>Untitled Document</tit 阅读全文

摘要：/*图片转动函数*/ function rotate(o, p) { var img = document.getElementById(o); if(!img || !p) return false; var n = img.getAttribute('step'); if(n == null) n=0; if(p=='right') { (n==3)?n=0:n++; } else if(p="left"){ (n==0)?n=3:n--; } img.setAttribute('step', n); if(documen 阅读全文