好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
原生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、新增与好友列表的聊天窗口，使得好友列表的好友可以点击打开进入聊天窗口。
详细信息>>ajax聊天室带离线留言功能（1）
发布时间：2015-04-28 21:31:29作者：雪饮
一、分析聊天室基于手机短信功能的原理来分析聊天室。其实手机短信的聊天原理是发送方发送的短信内容先存储在短信台中，接收方会在每隔一段时间去短信台中扫描是否有自己的信
详细信息>>disabled的灵活应用,js添加属性
发布时间：2015-04-28 19:26:03作者：雪饮
每次使用dede的自定义表单做医院的网站在线预约都是比较麻烦的事情，今天就遇到了一个。如果要提交信息的字段都只是普通的input元素字段还好，可是有时候会有单选框字段的提交
详细信息>>js获取单选框里面的值
发布时间：2015-04-28 19:22:40作者：雪饮
如题,如果想获取单选框里面的值，该如何获取呢。 <script>window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"
详细信息>>