技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记13.2 照片加载与定位 根据功能设计,可以先写好 HTML 结构基础,再配好 CSS 做出大致效果,最后用 JavaScript加上各种动作。首先请看 HTML 代码结构。 3.2.1 HTML 代码 CSS代码保存到 eg3.css 文件中,JavaScript代码保存到 eg3.js 文件中,...
1<html> 2<head> 3<meta charset="utf-8"> 4<title>Checkbox的练习</title> 5<style type="text/css"> 6*{margin:0px;padding:0px;} 7table{width:100%;text-align:center;} 8</style> 9 10<script src="jquery.js"></script> 11<script language="javascript"> 12 $(function(){13//给全选的复选框添加事件 14 $("#all").click(function(){15// this 全选的复选框 16var userids=this.checked;17//获取name=box...
650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115114209246.jpg" title="QQ图片20140901164452.jpg" />var mask="<div id=‘m‘></div>";var loading="<div id=‘loadingDiv‘ style=‘‘><img src=‘../../theme/blue/images/blue/loading-blue.gif‘></img>主备切换中.......</div>";$("body").prepend(loading).prepend(mask);$("#loadingDiv").css("position","absolute").css("width","221px").css(...
1.jquery创建插件jQuery.extend({插件名:函数体,插件名:函数体});html部分<div id="div1">开始动画</div> jquery部分$(function(){$("#div1").click(function(){$(this).animate({"left":800},6000,"easeOutBounce",function(){$(this).html("动画结束");});});});插件部分jQuery.extend(jQuery.easing, {easeOutBounce: function(x, t, b, c, d){if ((t /= d) < (1 / 2.75)){return c * (7.5625 * t * t) + b;}else if (t < (...
因为项目中需要做报表的功能,于是学习了如何使用jqplot这个绘图插件结合ajax技术,动态交互后台数据前前后后花了三四天的时间。感觉它会出来的想说还可以。我的后台模板是bootstrap,在模板中有jqplot的模板,我查看了源代码。修改了源代码就形成了现在的东西, 1 <script>2/* 3 Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.04 Version: 1.4.05 ...
在实际编程过程中,有很多对字符串进行判断、拆分、比较、转换类型、校验等操作,下面我会总结下JavaScript变量转换和Jquery对象的转换。1.JavaScript 变量转换及字符串操作1.字符串变成int类型使用函数:parseInt();使用此函数,可将string类型变量转换为int类型。而且只能够对string类型变量使用。如果待转换string类型变量无发转换为int类型时,函数会返回NaN。实例如下:var v_Num = parseInt(‘256ok‘); // 赋值为 256var v_...
http://learn.jquery.com/javascript-101/types/primitivesString: “”,‘’,\Number: integer and floating pointBoolean:true or falseNull:nullUndefined:undefinedobjectsObject:object literal {:,:},unordered key and value pairs,key is formally known as a property and the value can be any valid JavaScript type, even another object. To create or access a property on an object, we use what is known as "d...
1、JavascriptJavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。1.1 存在形式1 1、文件形式 2 <script src="../jquery-2.2.0.js" type="text/javascript"></script> 3 2、嵌入HTML中 4 <script type="text/javascript">alert("123");</script>1.2、代码块的位置通常在<body>标签内的...
Javascript:alert(document.body.clientWidth); //网页可见区域宽(body) alert(document.body.clientHeight); //网页可见区域高(body) alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、margin等 alert(document.body.offsetHeight); //网页可见区域宽(body),包括border、margin等 alert(document.body.scrollWidth); //网页正文全文宽,包括有滚动条时的未见区域 alert(d...
1<div >2 性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>男 3<input type="radio" id="Radio2" name="rdoSex" value="女"/>女 4<input type="button" id="btn1" value="click me"/><br/>5<input type="checkbox" name="play" id="ckb1" value="足球"/>足球 6<input type="checkbox" name="play" id="ckb2" value="篮球"/>篮球 7<input type="checkbox" name="play" id="ckb3" value="排球"/>排球 8</div>h...
1、jQuery编程常识 ————————如何进行jQuery插件开发 2、五星评分——jQuery Raty一个很棒的jQuery评分插件—jQuery Raty 3、能感知鼠标方向的图片遮罩效果---jquery插件 jquery国外在线编辑网站——含大量经典jquery效果图及代码 ————http://codepen.io/ 4、javascript、jquery插件网站 5、jquery——插件网站 6、jquery-UI——官网 用户...
目录基于jquery的提示框JavaScript 插件,类Bootstrap基于jquery的提示框JavaScript 插件,类Bootstrap源码github地址:https://github.com/Ethan-Xie/message实例通过此此插件可以为提示栏添加自动/点击消失的功能用法需引入message.css与message.js <link rel="stylesheet" href="message.css"><script src="Message.js"></script>为元素加上onclick="$.fn.msg(‘msg‘, { text: ‘警告消息‘, type: ‘warning‘, position: ‘...
jQuery $(document).ready()和JavaScript onload事件 jQuery $(document).ready()和window.onload 根据ready()方法的API说明http://api.jquery.com/ready/ 这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded. 即当DOM加载完毕的时候,执行这个指定的方法. 因为只有document的状态ready之后,对page的操作才是安全的.$(document).ready()仅在...
参考: http://www.w3cschool.cc/jquery/jquery-tutorial.html一、JQuery教程 JQuery是一个JavaScript库,极大的简化了JavaScript编程。 想着之后再看 HTML5 , CSS3 看来需要先看下了 .... 看完再更新这个吧 ...原文:http://my.oschina.net/lpe234/blog/323736
好久没写东西了,正好最近因为工作需要,写了一个瀑布流异步加载的程序。今天就不谈瀑布流,来谈一下关于load的问题。-------------------------------------------------------------众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax的请求。在服务端生成item列表后,通过 js append到相应的div里边。看起来很简单的样子,关键问题就出在图片的加载问题上,图片一般都放在服务器上,通过http下载到客户端。例...