![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端设计
dreamboycx
我的空间我做主。。。。
展开
-
esayui相关操作
$.easyui.closeCurrentDialog(); //关闭当前弹窗parent.$('#datagrid').datagrid('reload');//刷新父窗口数据parent.$("#roominfolist").dialog("close");//关闭弹窗原创 2021-07-20 11:37:58 · 246 阅读 · 0 评论 -
网站漂浮广告代码
<scripttype="text/javascript">function hidead(){document.getElementByIdx_x_x_x("ad").style.display="none";}<div id="ad"style="position:absolute"><a href="可在此写链接地址"target="_blank"><img src="选择原创 2012-11-29 14:17:48 · 1503 阅读 · 0 评论 -
一段css写的下拉菜单
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />无标题文档body{ background-color:white; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px; p原创 2012-11-29 14:18:05 · 233 阅读 · 0 评论 -
文本框 点击文本框中的文字消失
鼠标点击文字消失:<input name="textfield"style="color:#CCC;" type="text" value="点击文字消失" size="12"onclick="value='';focus()" onblur="if(value=='')value='点击文字消失;"/>鼠标点击文字选中:<input name="textfield" type="te原创 2012-11-29 14:18:34 · 626 阅读 · 0 评论 -
30个网页设计师必装的firefox扩展
1. CSSMate - 在线的CSS编辑器扩展插件2. ViewSourceWith - 让你查看页面资源的Firefox扩展应用3. PicLens -变换你的浏览器为一个三维的浏览环境来查看网页图片的Firefox扩展插件4. FireShot -强大的网页截图/截屏插件5. SeoQuake - 搜索引擎优化和网站推广插件6. Font Finder -简单的高亮一个事件并且左原创 2012-11-29 14:18:52 · 356 阅读 · 0 评论 -
Javascript公共脚本库系列(二): 添…
一.摘要本系列文章是为了抽象通用的,跨浏览器的脚本方法.本篇文章为我们的轻量级脚本库增加添加多播委托的方法.可以实现"单击页面空白区域则关闭页面上所有弹出层"等类似的功能.二.实现效果1.当打开一个菜单时关闭其他菜单.2.在页面空白地方单击后就将关闭所有弹出层.上面两个效果是系列一文章中的回复里大家建议实现的.其实我是想放到本篇文章单独讲解.因为很多人认为实现此功能很简单,修原创 2012-11-29 14:22:36 · 436 阅读 · 0 评论 -
Javascript公共脚本库系列(三): 格…
一.摘要本系列文章是为了抽象通用的,跨浏览器的脚本方法.本篇文章为脚本库添加跨浏览器的获取事件对象的方法,重点是讲解javascript中的事件对象的原理.希望通过分享微薄的知识告诉大家如何进行"加法运算"而不是死记硬背"1+1=2".二.实现效果本次添加的两个函数用于获取事件对象, 事件对象中包含很多的信息,比如鼠标的坐标, 从而实现自己想要的功能.实例一可以在屏幕上捕获鼠标按键代码原创 2012-11-29 14:22:38 · 245 阅读 · 0 评论 -
innerText,innerHTML的用法以及注…
innerText,innerHTML的用法以及注意事项我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText,outerText,innerHTML,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。一:动态改变文本和HtmlHtml代码 <!DOCTYPE html PUBLIC "-//W3C//DTDXH原创 2012-11-29 14:25:36 · 489 阅读 · 0 评论 -
JS日期比较
原文地址:JS日期比较作者:chengfnjs日期比较函数:和大家分享一下一个js时间比较的js函数(YYYY-MM-DD):function duibi(a,b){var arr=a.split("-");var starttime=new Date(arr[0],arr[1],arr[2]);var starttimes=starttime.getTime();var arrs转载 2012-11-29 14:27:25 · 254 阅读 · 0 评论 -
基于jQuery的AJAX和JSON的实例
通过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。我们先来看一下html模板: table id="datas" border="1" cellspacing="0" style="border-collapse: collapse">原创 2012-11-29 14:28:09 · 354 阅读 · 0 评论 -
Jquery阻止表单提交
$(document).ready(function(){ $("form").submit(function(e){ e.preventDefault(); alert("表单阻止提交了"); });});原创 2012-11-29 14:28:52 · 414 阅读 · 0 评论 -
透明背景图片的css兼容浏览器写法
先用PS做一个具有一定透明度的图片,保存为.png其它格式没试,另外不能保存为web和设备格式的文件,不然后显示不出来,在ccs中写完代码后会发现,在FF下才透明,在IE下并不透明,所以必须加上这段代码才可以:.turns0#focus_tx_box{*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,原创 2012-11-29 14:18:43 · 450 阅读 · 0 评论 -
jQuery单行循环滚动展示代码
循环滚动展示的文字和图片每个人都见过,实现类似效果的 JS 也很多。但如果只用于几个条目或三五张图片,体积庞大的 JS会浪费资源。看见 Jinwen 同学用 Adam Cai 的代码,感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery入门的思路写了一版,代码更少使用也更简单。先看演示。使用之前,先插入 jQuery 框架( 直接从 Google 拿 ):type="text原创 2012-11-29 14:21:23 · 402 阅读 · 0 评论 -
Javascript公共脚本库系列(一): 弹…
一.摘要本系列文章是为了抽象通用的,跨浏览器的脚本方法.本篇文章讲解弹出浮动层的javascript函数, 以及函数的原理和使用注意事项.二.实现效果用脚本弹出浮动层是我们最常用的脚本方法之一.下面是效果图:点击图中的"航空公司"后,会在"航空公司"下面弹出浮动层.在网上弹出框的脚本相当多,而且还有各种第三方JS框架可供我们使用.但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而原创 2012-11-29 14:22:34 · 244 阅读 · 0 评论 -
JS中URL编码方法的比较
javascript中存在几种对URL字符串进行编码的方法:escape(),encodeURI(),以及encodeURIComponent()。这几种编码所起的作用各不相同。 escape() 方法:采用ISOLatin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)原创 2012-11-29 14:24:07 · 333 阅读 · 0 评论 -
AJAX中的POST与GET方式实例
ajax.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">GET VS.POSTvar xmlHttp;function createXMLHttpRequest(){原创 2012-11-29 14:25:43 · 272 阅读 · 0 评论 -
js中onkeydown事件,兼容IE…
原文地址:js中onkeydown事件,兼容IE和FF作者:老怪概念onkeypress、onkeyup、onkeydown区别:onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和转载 2012-11-29 14:27:34 · 1948 阅读 · 0 评论 -
getElementByID getElementsByName…
WEB标准下可以通过getElementById(), getElementsByName(), andgetElementsByTagName_r()访问DOCUMENT中的任一个标签:1、getElementById()getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。比如说有一个DIV的ID为d原创 2012-11-29 14:27:43 · 385 阅读 · 0 评论 -
JS 身份证号码 正则 验证
function isIdCardNo(num){ num =num.toUpperCase(); //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。 if(!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))){原创 2012-11-29 14:28:02 · 336 阅读 · 0 评论 -
带星期和变秒的日期时间js代码 (…
language=javascript> function Year_Month(){ var now = new Date(); var yy = now.getYear(); var mm = now.getMonth()+1; return(mm ); } function thisY原创 2012-11-29 14:28:07 · 385 阅读 · 0 评论 -
jqueryui(五)日期选择器
原文地址:ui(五)日期选择器 datepicker">jquery ui(五)日期选择器 datepicker作者:kerwinJQuery官方的Datepicker控件,可以很方便的使用,可以让用户很方便的在输入框上选择时间。废话少说,先上实例【代码】 $(function(){ $( "#datepicker" ).datepicker();转载 2012-11-29 14:29:07 · 672 阅读 · 0 评论 -
如何制作滑动门的简单方法
网页制作中,很多时候我们需要充分利用空间。这时候我们需要使用滑动门这种简单而实用的技术。 滑动门的种类有很多很多,从简单的几行JS代码生成的滑动门复杂至使用jQuery效果库实现各种各样的切换效果的都有。下面将提供一个简单的滑动门代码,给大家一点制作思路。 JS源码 {script type="text/javascript"}function setTab(name,curse原创 2012-11-29 14:19:42 · 1350 阅读 · 0 评论 -
用ajax实现正在载入的特效-Ajax编…
一、一般我们在执行比较费时的操作时会使用ajax,在执行的过程中会给用户提示“正在加载数据……”类似的提示,这里将简单介绍下如何使用xajax来实现“正在处理……”的特效提示。首先在网页body开头定义提示的div:定义处理时的提示语句div id= "loadingContainer"> div id = "loading"> 正在加载数据,请稍候 div> di原创 2012-11-29 14:25:02 · 516 阅读 · 0 评论 -
DOM中的load方法和loadXML方法的区…
在DOM中两个方法都为加载XML,区别在于:load方法加载xml文件,如$dom->load("new.xml")而loadxml方法是直接加载XML数据原创 2012-11-29 14:27:28 · 1638 阅读 · 0 评论 -
js数组转字符串,字符串转数组
一、数组转字符串(将数组元素用某个字符连接成字符串)var a, b;a = new Array(0,1,2,3,4);b = a.join("-");二、字符串转数组(将字符串按某个字符切割成若干个字符串,并以数组形式返回)var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解。原创 2012-11-29 14:27:41 · 432 阅读 · 0 评论 -
团购倒计时特效代码 带天数日期及…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="tex原创 2012-11-29 14:28:04 · 368 阅读 · 0 评论 -
JS实现投票
一、js柱状投票图 效果图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><meta http-原创 2012-11-29 14:18:46 · 780 阅读 · 0 评论 -
用!important解决IE和Mozilla的布…
在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题,直到我翻译" 表格对决CSS--一场生死之战"时,作者的一个技巧提示原创 2012-11-29 14:18:55 · 424 阅读 · 0 评论 -
JS中获取表单的相应内容
<form method="POST" name="myform"action="act.php">获取表单对象方法一、var form = document.forms['myform']; 得到表单的值:var usrname =form.elements['usrname'].value 获取表单对象方法二、var form = document.myform; 表原创 2012-11-29 14:27:36 · 305 阅读 · 0 评论 -
js获取当前时间戳
原文地址:js获取当前时间戳作者:仁智无敌JavaScript 获取当前时间戳:第一种方法:var timestamp = Date.parse(new Date());结果:1280977330000第二种方法:var timestamp = (new Date()).valueOf();结果:1280977330748第三种方法:var timestamp=new Date()转载 2012-11-29 14:27:50 · 271 阅读 · 0 评论 -
js的时间戳和php的时间戳转换需要…
由PHP传入JS处理的时间戳我说怎么老是对不上号呢,原来JS时间戳为13位,包含3位毫秒的,而PHP只有10位不包含毫秒的。看来得补补基础了。附我的一个解决Comment发表时间的函数:script> var nowtime= (newDate).getTime(); function comptime(beginTime,endTime){ varsecondNum =原创 2012-11-29 14:27:54 · 426 阅读 · 0 评论 -
当前屏幕的宽与高
var windowWidth =document.documentElement.clientWidth; //当前屏幕宽度 var windowHeight =document.documentElement.clientHeight;//当前屏幕高度原创 2012-11-29 14:28:56 · 307 阅读 · 0 评论 -
jquery多行滚动
多行滚动jQuery循环新闻列表代码ul,li{margin:0;padding:0}#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc1px solid;overflow:hidden}#scrollDiv li{height:25px;padding-left:10px;}原创 2012-11-29 14:21:21 · 313 阅读 · 0 评论 -
JQUERY获取text,areatext,radio,checkbox,select值
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@se转载 2012-11-28 13:33:38 · 373 阅读 · 0 评论 -
jQuery判断元素是否是隐藏的代码
核心代码:if($("#elem_id").is(":hidden")) { ......} if($("#elem_id").is(":visible")) { .............} 实例1: New Document <!-- //--> <!-- $(document).ready(functio转载 2013-01-07 16:10:14 · 393 阅读 · 0 评论 -
测试Jquery各写法
无标题文档$(function(){ $(":input[name=cate]").click(function(){ if(this.value==2){ $("#dis").show(); }else{ $("#dis").hide(); } }); $(":input[name=user2]").blur(function(){ al原创 2013-01-07 16:53:58 · 520 阅读 · 0 评论 -
一个很好的时间日期插件用法
my97日期插件是一个非常好用、功能非常强大的日期控件,简单示例如下:日期范围限制静态限制注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围示例4-1-1 限制日期的范围是 2006-09-10到2008-原创 2013-01-10 11:43:22 · 772 阅读 · 0 评论 -
get实现异步获取xml文档数据
get实现异步获取xml文档数据 <script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js"> <script type="text/javascript" src="Jscript/jquery-1.4.2.js">原创 2013-01-07 18:51:35 · 700 阅读 · 0 评论 -
js获取对象位置的方法
scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获转载 2013-01-22 15:59:35 · 379 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myD转载 2012-11-29 11:27:21 · 267 阅读 · 0 评论