文章分类 -  JavaScript/CSS

摘要:最近研究了一些在线支付网站的前端代码,在看易宝支付的商户接入网站时候发现他们使用的javascript小键盘很不错。在前端页面通过鼠标输入字符、密码可以防止黑客通过记录你点击键盘的按钮窃取你的重要信息,这里将易宝支付的小键盘组件和大家分享下。 首先还是页面的目录结果,如下图: 页面最终的效果如图所示: vkboard.js的代码:View Code 注意:var_default_img_dir = 'js/'; 这里设置你js文件存放的目录,这里我的图片放到js文件夹里,如果有的童鞋想放到其他目录下,那么修改如下的代码就行了:vbk_preloadimages("ke 阅读全文
posted @ 2012-04-25 17:21 rob_2010 阅读(406) 评论(0) 推荐(0)
摘要:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)myDate.getHours(); //获取当前小时数(0-23)myDate.getMinute 阅读全文
posted @ 2011-12-27 20:18 rob_2010 阅读(156) 评论(0) 推荐(0)
摘要:嵌入页面中flash的代码<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="800"><param name="movie" value="mmos_secure.swf" /><param name="quality" value="high" /><par 阅读全文
posted @ 2011-05-30 14:31 rob_2010 阅读(390) 评论(0) 推荐(0)
摘要:// 短日期,形如 (2003-12-05) function strDateTime(str) { var r = str.match(/^(d)(-│/)(d)2(d)$/); if(r==null)return false; var d= new Date(r[1], r[3]-1, r[4]); return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]); }//复选框的全选,多选,全不选,反选 <form name=hrong> <input ty 阅读全文
posted @ 2011-05-17 11:45 rob_2010 阅读(263) 评论(0) 推荐(0)
摘要:/// <summary> /// 一些常用的Js调用 /// <summary>View Code /// <summary> /// 弹出JavaScript小窗口,并返回上一步 /// </summary> /// <param name="message">窗口信息</param>View Code /// <summary> /// 运行JS代码 /// </summary> /// <param name="ScriptCode">脚本 阅读全文
posted @ 2011-05-15 21:09 rob_2010 阅读(149) 评论(0) 推荐(0)
摘要:DD_belatedPNG.js 是一个能是IE6支持p显示ng透明图片,而且还支持背景循环(background-repeat)和定位(backgrond-position),支持focus,Hover。使用方法:<!--[if IE 6]><script src="DD_belatedPNG.js"></script><script>DD_belatedPNG.fix('.png_bg');</script><![endif]-->其中:DD_belatedPNG.js 为文件路径, 阅读全文
posted @ 2011-05-13 16:55 rob_2010 阅读(481) 评论(0) 推荐(0)
摘要:方法一: 复制代码 代码如下: top.window.opener=null; top.window.open("","_self"); top.window.close(); 方法二: 复制代码 代码如下: top.window.opener = top; top.window.open('','_self',''); top.window.close(); _blank,在新窗口显示目标网页 _self,在当前窗口显示目标网页 _parent,框架网页中当前整个窗口位置显示目标网页 _top,框架网页中 阅读全文
posted @ 2011-05-13 14:52 rob_2010 阅读(160) 评论(0) 推荐(0)
摘要:/*** JavaScript ModelDialog v0.1** new ModelDialog({ * caption 标题 '对话框标题'(默认) * template 主体内容 ''(默认) * dialogCls 对话框className 'md-dialog'(默认) * headCls 头部className 'md-head'(默认) * btnCloseCls 关闭按钮className 'md-close'(默认) * bodyCls 主体className 'md-body' 阅读全文
posted @ 2011-04-15 11:11 rob_2010 阅读(124) 评论(0) 推荐(0)
摘要:1,验证文本框中的值是不是数字,并且设置数字大小范围View Code 2,长度限制View Code 3,非法值校验(设定不能输入的值)View Code 4,中文/英文/数字/邮件地址合法性判断View Code <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="baidu.aspx.cs" Inherits="WebApplication1.baidu" %><!DOCTYPE html PUBLIC "-//W3 阅读全文
posted @ 2011-04-06 13:46 rob_2010 阅读(101) 评论(0) 推荐(0)
摘要:javascript和as的结合,完美解决了问题。以下是javascript部分代码:varRightClick={/***Constructor*/init:function(){this.FlashObjectID="customRightClick";this.FlashContainerID="flashcontent";this.Cache=this.FlashObjectID;if(window.addEventListener){window.addEventListener("mousedown",this.onGec 阅读全文
posted @ 2011-03-17 18:17 rob_2010 阅读(371) 评论(0) 推荐(0)
摘要:<script language="Javascript">function KeyDown(){//alert(event.keyCode); if ((event.keyCode==116)|| //屏蔽 F5 刷新键(event.ctrlKey && event.keyCode==82)){ //Ctrl + Revent.keyCode=0;event.returnValue=false;}}document.onkeydown=KeyDown;</script> 阅读全文
posted @ 2011-03-02 16:05 rob_2010 阅读(159) 评论(0) 推荐(0)
摘要:遇到过几次此类问题,上一次用了JQUERY的JSONP,而这次用了普通的JS写法,其实两者是完全一样的,贴出来分享一下也便于以后自己查找首先是JQUERY的JSONP方法:假设有一个静态页面上的某些功能需要通过判断IP来授权访问,而这个网站是静态的没办法自己实现判断IP功能,这时候就可以用跨域来解决代码如下:view sourceprint?1var CheckUrl=function(){view sourceprint?1$.getJSON('http://www.xxx.com/Urlcheck/Url/CheckUrl?callback=?',view sourceprint?1fun 阅读全文
posted @ 2011-01-20 18:58 rob_2010 阅读(133) 评论(0) 推荐(0)
摘要:原文地址:http://www.cnblogs.com/a_bu/archive/2011/01/16/1936989.html1.前言  懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。2.lazyload在什么场合中应用比较合适?  阅读全文
posted @ 2011-01-17 10:52 rob_2010 阅读(210) 评论(0) 推荐(0)
摘要:项目试用 my97 datapicker 4.7 ,顺手写了一个jQuery的插件input type="text" name="paramStart" class="datePicker"/ 调用: jQuery(".datePicker").my97(); 简单试用了一下,满足了基本需求,给需要的人view sourceprint?//my97 datapicker jQuery插件ˆ ;(function($){ $.fn.my97=function(options){ if (!this.length) { //没有指定页面控件,返回jQuery return this; } op 阅读全文
posted @ 2011-01-14 12:29 rob_2010 阅读(269) 评论(0) 推荐(0)
摘要:作者:Tony Qu我今天只讨论基于JavaScript的TDD,可能有些公司是用C#做js单元测试的,但我不认为这是个好主意,很多js运行时的东西让js来返回会更直观,且易于维护。在讨论jQuery TDD之前,我们先来了解下什么才是一个标准的TDD框架。作为标准的TDD框架,必须满足这么几个要求:1. 即使测试脚本出错了也要能继续运行接下来的脚本2. 能够不依赖被测试代码写测试用例,即使代码没... 阅读全文
posted @ 2010-10-31 11:17 rob_2010 阅读(289) 评论(0) 推荐(0)
摘要:微软雅黑一出世,就以结构优美、显示清晰等优点赢得了人们的喜爱,很多网站也开始采用微软雅黑作为正文字体。但是,在 XP 系统下,微软雅黑有可能会出现显示问题:XP,Firefox,CRTXP,Firefox,LCDXP,IE7可以看到,微软雅黑在 XP 下的 CRT 显示器非常模糊,很难阅读,在 LCD 显示器里锯齿明显、笔划粗细不一,显示效果还不如宋体。经测试,微软雅黑在 XP 下的 IE6 和非... 阅读全文
posted @ 2010-10-28 12:55 rob_2010 阅读(268) 评论(0) 推荐(0)
摘要:<html><head></head><body>//将当前浏览的网页设为首页(除非主页没被锁定,否则主页设定不会成功)<span onClick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('ht... 阅读全文
posted @ 2010-10-28 12:54 rob_2010 阅读(233) 评论(0) 推荐(0)
摘要:在ASP.NET自带功能中,如果要更换页面的主题,只能是放在Page_PreInit事件里,而这个事件一般都要经过刷新才会执行,所以这就导致效率下降,用户体验也会跟着下降。下面我将介绍一下关于Javascript+CSS的解决办法:首先建立一个html文件,代码如下:[代码]接下来就是通过button的单击事件来更改link标签中的href属性了,以下是jQuery代码,用Javascript实现... 阅读全文
posted @ 2010-10-28 12:54 rob_2010 阅读(208) 评论(0) 推荐(0)
摘要:原理跟Silverlight中的几乎如出一辙(见Silverlight如何与JS相互调用):ActionScript3代码:01btnCallJs.addEventListener(MouseEvent.CLICK,fnCallJs);0203functionfnCallJs(e:MouseEvent):void{04trace("准备调用...");05//调用js中的JsHello方法,并将返... 阅读全文
posted @ 2010-10-27 18:36 rob_2010 阅读(158) 评论(0) 推荐(0)
摘要:总结的好啊:http://blog.csdn.net/arshoon/archive/2008/06/11/2533982.aspxFlex通常作为一个web项目的一部分嵌入到一个web页中,因此Flex程序和web页面的通信就变得非常重要。1) Flex提供了多种方法实现Flex程序和封装页面的交互,主要有:flashVars属性,查询字符串参数,navigateToURL()方法,以及flas... 阅读全文
posted @ 2010-10-26 14:54 rob_2010 阅读(205) 评论(0) 推荐(0)