效果:思路: 利用多功能浮动运动框架实现微博效果,首先,将textarea中的属性添加到新创建的li里面然后,再将li添加到ul里面,再利用浮动运动框架将数据动态的显示出来。 代码: 代码如下: * { margin: 0; padding: 0; } #ul1 { width: 300px; height: 300px; border: 1px solid black; margin: 10px auto; ...
代码如下:function startTime() { var today = new Date(); //定义日期对象 var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年 var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年 var dd = today.getDate(); //通过日期对象的getDate()方法返回年 var hh = to...
代码如下: canvas dClock 您的浏览器太古董了,升级吧! var clock = document.getElementById("clock"); var cxt = clock.getContext("2d");//显示数字时钟 function showTime(m, n) { cxt.clearRect(0, 0, 500, 500);var now = new Date; var hour = now.getHours(); var min = now.getM...
代码如下:switch (objNameType) {case PD:valueUD = obj.id;id = objName;var loadVUD = UserData.load(exam, id);if (loadVUD == null || loadVUD == undefined || loadVUD == ) {var tmpTGId = obj.id.substr(0, obj.id.indexOf(_));qNoTotalD[qIdNoStr[tmpTGId]]++;}break;case DANX:valueUD = obj.id;var objName = obj.name;var objNameTop = objName.substr(0,objName.indexOf(_));id = objName;var loadVUD = UserData.load...
用这锻代码 之前请先下载jquery库 代码如下:var maskStackCount = 0; function mask(method){ //这里是你想要进行遮罩的窗口,我这里想要遮罩的是一个iframe窗口,也可以用var winObj=$(window) var winObj=window.top.$("body").find("iframe[name=dialognormaliframe]");if(typeof method == "undefined"){ method="open"; } if (method == "open") { if (maskStackCount <= 0) { ...
设置属性 - attr()jQuery attr() 方法也用于设置/改变属性值。 下面的例子演示如何改变(设置)链接中 href 属性的值: 实例 代码如下:$("button").click(function(){$("#keleyi").attr("href","http://www.gxlcms.com");});attr() 方法也允许您同时设置多个属性。下面的例子演示如何同时设置 href 和 title 属性: 实例 代码如下:$("button").click(function(){$("#keleyi").attr({"href" : "http://www.gxlcms.com","title" : "柯...
由于项目中多处要给ajax提交的时候增加等待动画效果,所以就写了一个简单的通用js方法;代码如下: 代码如下:/*ajax提交的延时等待效果*/ var AjaxLoding = new Object(); //wraperid : 显示loding图片的容器元素//ms:表示loding图标显示的时长,毫秒//envent:表示出发事件的事件源对象,用于获得出发事件的对象//callback:表示动画结束后执行的回掉方法//stop()方法表示在回掉方法执行成功后执行的隐藏动画的操作AjaxLoding....
本来想把之前对artTemplate源码解析的注释放上来分享下,不过隔了一年,找不到了,只好把当时分析模板引擎原理后,自己尝试 写下的模板引擎与大家分享下,留个纪念,记得当时还对比了好几个模板引擎来着。 这里所说的js的模板引擎,用的是原生的javascript语法,所以很类似php的原生模板引擎。前端模板引擎的作用? 1. 可以让前端开发更简单,不需要为了生成一个dom结构而使用+运算符去拼接字符串,而只需要一个元素的(里面的html...
今天看到有百度验证码挺有意思的,就把它仿下来了。 利用JS实现当选择满4个后自动对比,本文中采用静态对比的方法看你是否全部选择对。然后提示【答案正确!】或【答案错误!】, 以后有空再去做成程序,先分享给大家! 效果图如下:源代码如下:代码如下: js仿百度贴吧验证码特效 div{margin:0;padding:0;} .com{width:246px;font-size:12px;padding:12px;border:1px solid #ccc;} .c...
代码如下:拖拽库div,h2,p{margin:0;padding:0;}body{font:14px/1.5 arial;}#box{width:100px;height:100px;background:#fef4eb;padding:5px;margin:50px;border:1px solid #f60;}#box .title{height:25px;background:#f60;}#tool{margin-bottom:10px;}function Drag(){ //初始化 this.initialize.apply(this, arguments)}Drag.prototype = { //初始化 initialize : function (drag, options) { this.drag = this.$(drag); this._...
首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID。 代码如下:var options=new Array(); $(document).ready(function(){ //二级联动 $(#ddlPages).children(option).each(function(i){ options[i]=+$(this).text()+; });//将option列表放到数组里 $(#ddlPages option:gt(0)).remove(); //清楚下拉 $(#ddlSubsystems).bind(change,function(){ ...
下午有个朋友问json 数据怎么分页 就捣鼓了一个东东出来下面直接代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> var a={"code":1,"list":[{"category1_id":"1","category1_...
一、前言 最开始实现鼠标拖动元素的目的就是在一个页面上拖动很多小圆点,用于固定定位,然后在复制HTML,粘贴在页面的开发代码中,就是这么一个功能,实现了很多遍,都没有做好,不得已采用了jQuery.fn.draggable插件,在接触一些资料和别人的思路,今天终于把这个拖动功能给完善了,下面就来看看它的实现二、设计思路 在拖动元素上绑定鼠标按下事件,在文档对象中绑定鼠标移动,鼠标弹起事件;为什么不把三个事件都绑定在拖动元素...
代码如下: 代码如下: pageEncoding="gbk"%> $(document).ready(function(){ $("input[id^='buttonValidate']").click(function(){ //当点击所有的id中包含'buttonValidate'的input标签时,执行函数 var btnVal=$.trim($(this).val());//trim函数,去掉空格 var str = $('#textareaValidate').val() + btnVal;// $('#textareaValidate').val(str);// }); }); Insert title here 以...
代码如下: !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了。 jquery 动态加载js三种方法 $.getscript("test.js"); //方法二 function loadjs(file){ var head = $('head').remove('#loadscript'); $(""+"").attr({src:file,type:'text/javascript',id:'load'}).appendto(head); } //够简单把!如果在浓缩以下你甚至...