随笔分类 - JAVASCRIPT
摘要：此功能不用写代码，只需要引入两个文件即可。一个是jquery.thickbox.js、另一个是thickbox.css；这两个文件在网上都有下载，是jquery的一个插件。 <a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox"> <img alt="点击看大图" src="images/look.gif" /> </a>需要
阅读全文
摘要：此功能类似于淘宝上的商品的查看，如果鼠标移动到小图上就会在相应的位置显示出大图。如果自己写这些代码，会很痛苦。官方网站上提供了一个类库——jquery.jqzoom.js；只需要引入次类库，引用此类库，添加一些css代码即可实现此功能； HTML框架如下：1 <div class="jqzoom">2 <img src="images/pro_img/blue_one_small.jpg" class="fs" alt="" jqimg="images/pro_img/blue_one_
阅读全文
摘要：HTML框架： 1 <div class="content_right"> 2 <div class="ad" > 3 <ul class="slider" > 4 <li><img src="images/ads/1.gif"/></li> 5 <li><img src="images/ads/2.gif"/></li> 6 <li><img src="ima
阅读全文
摘要：前台框架如下： 1 <h3>最新新闻</h3> 2 <div class="scrollNews" > 3 <ul> 4 <li><a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a></li> 5 <li><a href="#" class="tooltip" title="秋
阅读全文
摘要：做项目的过程中，表单是必不可少的，经常用来提供数据。为了获取表单数据，必须将字段的值逐个添加到参数中，如果表单的数据量非常大，不仅添加字段参数的过程无疑是痛苦的，而且表单也缺乏弹性。但是jquery中提供了一个很好的处理表单数据的函数——serialize()； 这个函数可以把表单中的值序列化为字符串。下面是net小伙的测试代码（主要功能：输入用户名和密码，并在下面的p中显示出来）：前台界面设计如下：1 <form action="" id="form1">2 用户名：<input name="name" type=
阅读全文
摘要：ajax的核心技术就是XMLHttpRrequest；下面介绍怎么在IE中创建XMLHttpRrequest的实例，并且实现功能；在创建的html页面的body中添加如下内容：<p id="result"></p>js脚本如下： 1 function ajaxtext() { 2 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建一个XMLHTTP对象，相当于WebClient 3 xmlhttp.open("GET", "ajaxte
阅读全文
摘要：jquery实现ajax无刷新评论需要用的技术：（本次试验用的是“jquery-1.4.2.js”版本的jquery）$.post("一般处理程序路径",{以字典的形式传递参数},function(data,status){``````});jquery中的基本选择器操作；首先创建数据库“T_article”：主键设置自增；然后创建一个强类型的DataSet，关于怎么创建强类型的DataSetnet小伙在【C#】强类型DataSet实现登录次数限制中已经写过；接着创建一个“无刷新评论.aspx”页面：页面代码如下：前台布局代码 1 <div> 2 <h2&
阅读全文
摘要：网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scrollTop网页被卷去的左：document.body.scrollLeft网页正文部分上：window.scr
阅读全文
摘要：设计思路：先创建一个满浏览器的层，设定透明度，有遮挡效果，然后再创建一个层(Zindex》遮挡层的Zindex)，显示对话框内容<!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> <title><
阅读全文
摘要：核心技术： ①：document.createElement("") ---创建一个新元素 ②：innerText ---设置元素的text属性 （innerText会把元素之前的text覆盖掉，需谨慎使用） ③：appendChild -----把元素绑定到父节点 界面设计如图： 界面代码如下： 1 <p>评论列表：</p> 2 <table id="tablepinglun"> 3 <tr> 4 <td>小刚说：</td> 5 <td>我是凹凸曼。</td>
阅读全文
摘要：类似于淘宝和百度文库的评分功能； 效果如图： 五个五角星分别放在了一个table的五列中。下面是一个<p>,用来显示评分结果的；代码如下： <body onload="changebg()"> <table border="0" align="center" cellpadding="0" cellspacing="0" id="maintable"> <tr style=" font-size:30px;">
阅读全文
摘要：访问表单对象的常用方法： ①：根据<form>元素的id属性； var myform=document.getElementById("myformid"); //myformid是某个<form>元素的ID； ②：根据<form>元素的name属性； varmyform=document.forms["myformname"]; //myformname是某个<form>元素的名称； ③：直接使用表单名访问表单： var myform=document.myformname; //myformname是某
阅读全文
摘要：处理复制、剪切和粘贴操作 ClipboardData对象--属性： oncopy --当用户复制选中区时在源元素上触发。 oncut--当用户剪切选中区时在源元素上触发。 onpaste--当用户粘贴数据时在目标对象上触发。 ClipboardData对象--方法： getData("Text")--从系统剪切板获取指定格式的数据。 setData("Text",values)--讲指定格式的数据保存到系统剪切板。 clearData()--清楚系统剪切板中的数据。例1：设置文本不能粘贴： <input type="text".
阅读全文
摘要：递归与循环是两种不同的解决问题的典型思路。递归算法： 优点：代码简洁、清晰，并且容易验证正确性。（如果你真的理解了算法的话，否则你更晕） 缺点：它的运行需要较多次数的函数调用，如果调用层数比较深，需要增加额外的堆栈处理，比如参数传递需要压栈等操作，会对执行效率有一定影响。但是，对于某些问题，如果不使用递归，那将是极端难看的代码。循环算法： 优点：速度快，结构简单。 缺点：并不能解决所有的问题。有的问题适合使用递归而不是循环。如果使用循环并不困难的话，最好使用循环。递归算法 和循环算法总结 1. 一般递归调用可以处理的算法，也通过循环去解决常需要额外的低效处理 。 2. 现在的编译...
阅读全文