好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
js版strtotime函数与ios转换时间戳
发布时间：2016-09-02 21:11:23作者：雪饮
大家都知道php中有强大的时间字符串转换为时间戳的函数strtotime，那么js有没有这种函数呢？答案当然是肯定的。只不过稍微麻烦一些罢了。另外这里提醒下大家，在转换为时间戳时
详细信息>>js实现容器的宽度等于其高度
发布时间：2016-09-02 20:39:29作者：雪饮
今天遇到一个问题，需要将一个容器的宽度与高度设置一样，但由于客户端的限制，所以容器的width是按照百分比写的，并不是固定数值。据说css3拥有计算功能，但也无法实现此需求。如此
详细信息>>原生js瀑布流与无限滚动加载（已解决极客学院老师的bug）
发布时间：2016-08-30 10:00:30作者：雪饮
瀑布流就是像瀑布一样的网站——丰富的网站内容，特别是绚美的图片会让你流连忘返。你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现
详细信息>>原生js日期选择器（包含时间）
发布时间：2016-08-30 09:33:38作者：雪饮
在一个以zetop为前端框架的项目中需要用到日期选择器，然后首先想到的就是html5默认的input date类型。经过一番折腾才发现是鸡肋，在手机端的兼容性极差( ⊙ o ⊙ )啊！。没有办
详细信息>>js的交互弹窗-prompt
发布时间：2016-08-21 13:06:04作者：雪饮
如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所
详细信息>>最好用的jquery ajax函数
发布时间：2016-07-19 13:18:08作者：雪饮
ajax比之于php在项目中虽然使用频率较少，但ajax也是非常要好的技术。原生ajax代码书写量比较多。jquery ajax的功能强劲，但选项参数比较繁多。这里收集整理了最好用也是最常用
详细信息>>swfupload无刷新上传动态加载进度条超级精简版
发布时间：2016-07-19 13:05:26作者：雪饮
使用注意事项：1、将整个案例解压至项目根目录，项目根目录的“xy”文件夹不要删除，确保有写入权限。2、将php.ini配置文件中的上传文件限制大小上限提升至比较可观的
详细信息>>jquery选色板(js换肤)
发布时间：2016-07-19 12:58:33作者：雪饮
一款jquery换肤插件，可根据自己项目具体情况修改为自己所用。 基本用法1.在你的 HTML 中包含 farbtastic.js 和 farbtastic.css： <script type="text/javascript" src="farbta
详细信息>>jquery使用ajax向php提交实例
发布时间：2015-11-28 10:40:59作者：雪饮
js部分： function submitOrder(src, _oid) {
showProc(src);
var _biaoti=$j("biaoti").val();
var _contact = $j("txtContact").val();
var _compName
利用iframe模拟ajax提交
发布时间：2015-11-28 09:41:56作者：雪饮
案例如下： <form id="form1" name="form1" method="post" action="kj.php" target="kj">
<input type="text" name="textfield" id="textfield">
<input type="submi
利用javascript正则批量替换类样式html文本节点值
发布时间：2015-11-26 19:37:48作者：雪饮
<a href="" class="a_d">雪饮个人博客</a>
<a href="" class="a_d">雪饮个人博客</a>
<a href="" class="a_d">雪饮个人博客</a>
<a href="" class="a_d">雪饮个人
js获取节点属性值
发布时间：2015-11-26 11:32:14作者：雪饮
<div id="tupian1" style="display:none">{dede:field.xyimg2/}</div>var tupian1=document.getElementById("tupian1").getElementsByTagName("img").item(0).attributes[
详细信息>>玩转商务通之表单提交
发布时间：2015-09-29 19:00:28作者：雪饮
如下，我们要做一个提交表单信息于商务通的界面： <script type="text/javascript">
function submit_to_swt(){
var name = document.getElementById("name");
js判断终端设备类型
发布时间：2015-09-19 19:48:56作者：雪饮
这是通过请求头信息的方法来获取的一种方法，理论全兼容。 <script>
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone",
js的dom操作-由id到具体某一个tagname（修改样式）
发布时间：2015-09-17 18:46:19作者：雪饮
虽然可以通过jquery快速的捕获到具体的dom节点，但是由于特殊需求，无法使用jquery，那么下面这种方法很是适合的 <script type="text/javascript">
function sc(){
var cc=do
javascript原生色块儿轮播特效
发布时间：2015-07-25 08:02:03作者：雪饮
身为雪饮个人博客博主的我一向是比较执着的，在雪饮个人博客建立初期，上面的百度联盟色块儿广告是用js模拟的，哪些swf的flash广告也只是嵌套了原swf文件，而并不是百度等的js广告
详细信息>>原生javascript制作文字变换颜色效果
发布时间：2015-07-25 07:48:54作者：雪饮
雪饮个人博客今天要分享的 这个效果听起来实在不值一提，或许是因为夏天的中午头脑不灵光所致吧！当然也或许是任务量比较多，精力不集中所致。毕竟这个效果虽小，但实现原理有点绕
详细信息>>js获取指定的cookie的具体实现
发布时间：2015-07-17 09:09:58作者：雪饮
使用javascript获取cookie或许你会，或许你请求的是document.cookie但这个是当前文档的所有cookie的集合，若是只需要某一个cookie而且是指定的又该如何呢？雪饮个人博客今天要分
详细信息>>javascript中cookie创建与存储
发布时间：2015-07-16 09:32:13作者：雪饮
在js中cookie的操作与存储及清除cookie都与时间有关，我们只要把cookie过期时间进行有效的设置我们就可以控制它的存储了，下面我来给大家总结一下js中cookie的一些使用技巧coo
详细信息>>使用javascript来判断终端设备
发布时间：2015-05-20 07:17:09作者：雪饮
<script> var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
详细信息>>使用javascript获取html5的video中视频时长
发布时间：2015-05-20 07:14:36作者：雪饮
var video=document.getElementById("video1"); // 假设"video" 是获取的视频节点对象var i = setInterval(function() { // 这里注意, 必须判断视频的 readyState。
详细信息>>javascript获取当前节点的临近节点值
发布时间：2015-05-15 07:46:16作者：雪饮
如下是一个好友列表是通过php动态输出的，而我们要在动态输出的同时加入javascript方法来获取当前节点的上一节点的值：动态输出的每一条数据是这样的：<li><span>雪饮个人博客</
详细信息>>ajax聊天室带离线留言功能(4)
发布时间：2015-05-05 22:42:19作者：雪饮
雪饮个人博客 一步一步跟着韩老师学ajax终于也到了尾声了，在这次版本中新增加了上版本不断的读取数据库信息的不足，对已经取过信息的用户做了限制否则每次登陆都要重新取下已
详细信息>>ajax聊天室带离线留言功能（3）-附加sqlhelper
发布时间：2015-05-02 23:45:06作者：雪饮
本版本在上一版本基础上新增了聊天室信息提交到数据库的操作，该步骤使用了面向对象的封装思想来实现。从一开始就已经开始了基于mvc式的开发思路，视图、控制器、模型。本版本
详细信息>>ajax聊天室带离线留言功能（2）
发布时间：2015-04-29 22:28:33作者：雪饮
本版本新增：1、session的使用，使用session来获取登陆者的信息。2、好友列表的鼠标悬停事件优化。3、新增与好友列表的聊天窗口，使得好友列表的好友可以点击打开进入聊天窗口。
详细信息>>