Javascript拖拽功能代码
web页面中的拖拽功能也是屡见不鲜，比如说一些页面的装扮，比如说qq空间，淘宝店铺装修，可视化布局的等都用到了拖拽的功能。新手看来觉得是高大上，其主要运用的是鼠标的坐标操作。详情代码如下： var oDiv=document.getElementById('div1') ; var disX=0,disY=0; oDiv.onmousedown=function (ev){ var oEvent=ev||event; disX=oEvent.clientX-oDiv.offsetLeft; disY=oEven...
Javascript完美运动通用封装框架
运动是一个很有趣的事情，特别是网页上的运动，几乎无处不在，因为它能给人良好的用户体验性，况且有的网页不止一个运动，是由众多的运动元素组成，那是不是每一个元素的运动都给它一顿敲代码实现，显然是不现实，所以我们封装一个通用框架，让网页中运动的每一个元素的运动都调用这个框架，只变化参数，这样就方便很多。这篇文章的运动框架可以给每一个程序员省了许多的代码...
Wordpress调用近期编辑过的文章列表
优秀网络文章应该是不断修改的，尤其是技术文章以及软件下载文章，很多东西都是需要按需更新，比如说下载链接，昨天发布的百度网盘外链今天就失效了，我们不得不更换链接，这就涉及到再次编辑文章，那如何让用户知道哪篇文章修改过呢？RT:不用插件给wordpress调用近期编辑过的文章 首先还是给wordpress的主题的function.php添加以下功能代码： // 最近编辑过的文章 function...
原生JS写的一个简单闹钟程序
之前在学jq，现在要反过来学习js，想脱离框架用原生代码写特效。至少省了那90多kb的服务器资源请求。于是就从最简单的开始，写了个闹钟程序，开着电脑睡觉的人有福利了，打开这个网页，设置下闹铃时间，安心睡去吧。时间到后或超过设定的时间铃声自动响起。 现在是北京时间：<span id='yanshi_time'></span><br/> <audio src='http://media.netblog.si...
输入框input文字光标不垂直居中的怪异现象
细心的人有没有发现，有些网站文本输入框的光标不居中，而有些网站的输入框的光标又是居中的，这里说的居中当然不是height和line-height居中的问题了，而是兼容问题，在ie下和谷歌浏览器下会有所不同，ie上是正常的，但是360浏览器（谷歌内核）就会出现问题。如下： 后来纠结了好久，找了个正常的网站，就百度了，用审查元素查看了下它的输入框的css属性，其它都没什么特别，...
完美修复手机UC浏览器播放小片段audio音乐的BUG
发现手机uc浏览器有个严重的bug，对于网页中存在小片段audio标签的音乐播放，会无限循环的播放，即使设置了loop为false依旧没用，其它浏览器不会有这种现象。这样就会造成严重的用户体验问题，比如说网页中点击某个链接的声音，往往不到半秒就播放完成，然而在uc上意味着点一次链接就会一直存在这个声音循环，甚是讨厌。 既然它不会停止，我们就用js让它停止： var music=do...
JQ方法给织梦(dede)单独调用上一页和下一页“链接”
众所周知，dede列表页调用分页的标签代码是{dede:pagelist listitem="end,pre,next,end,*,*,*"/}，前端调出的效果是首页，然后1，2，3，4，5，6最后末页，一句标签就调出了一大堆代码，很显然自定义是非常弱的，如果客户只要上一页和下一页的呢，而且还要加修饰和美化，这个标签显然是行不通的。那么该如何？修改系统代码，不会点php是不行的，后台一更新就白费劲了，网上找...
解决织梦(DEDE)arclist调不出新增字段
在项目中使用了几次织梦cms程序，感觉越来越好用，以前刚接触dedecms时一看后台界面，如此之乱，使我心乱如麻，不知从何下手。后来因为工作逐渐就熟悉了它的后台。特别是一些客户的特殊要求，靠dede自带的字段是满足不了需求的，必须自己新添一些字段，比如说发表文章的时候可以多填一些属性，前台调用就可以多调一些属性，比如说价格，身高，腰围，体重等等。 相关的调用方...
不同浏览器对CSS3、html5支持情况一览表
.params_table{line-height:2;}.litmus-browser-support-results th.browser-id span{display:block; height:26px; padding:40px 0 0; background-position:center 5px; background-repeat:no-repeat;}.browser-firefox span{background-image:url(//img.netblog.site/Firefox.png);}.browser-chrome span{background-image:url(//img.netblog.site/Chrome.png);}.browser-o...
详解jq幻灯片原理及制作方法
要让jq实现一种web效果，方法有很多，最重要的是要明白实现过程的原理，如此一来才能根据自己的思路实现想要的效果，今天带大家详解一下世界上最简洁但功能齐全的幻灯片制作及其原理,包括左右切换按钮，焦点切换按钮，自动轮播。 原理说话 ： 把所有图片使用position：absolute;重叠在一个容器内，通过js控制每张图片的透明度来实现显示和隐藏的目的，使用animate实现动画过...
