摘要: 自定义右键菜单实现原理 为body添加一个div,当点击右键的时候,显示div。1、创建一个RightMenu函数属性有设置背景backgroundColor、设置上边框borderTop、设置右边框borderRight、设置下边框borderBottom、设置左边框borderLeft,并为属性指定默认值。方法有添加项AddItem、添加线AddLine、初始化Init。2、AddItem和AddLine方法介绍首先,创建一个数组this.MenuContent = []; 将添加项和添加线保存在这个数组中。AddItem方法name指名称 fn指点击时出发的函数 img 指图片this. 阅读全文
posted @ 2012-02-13 15:38 前端咖 阅读(1466) 评论(0) 推荐(0) 编辑
摘要: 情人节马上要到了,为情人节奉献一份礼物哈。。。一定要支持CSS3渲染的浏览器第一个项链实现原理将img的src属性设为同一张图片效果图:<!DOCTYPE html><html><head> <title>项链---www.cnblogs.com/kuikui</title> <style type="text/css"> *{margin: 0px;padding: 0px;} .cont{width: 1100px;overflow: hidden;margin: 0 auto;} .div1, . 阅读全文
posted @ 2012-02-13 10:18 前端咖 阅读(451) 评论(0) 推荐(0) 编辑
摘要: 键盘控制div移动创建一个Move类(其实javascript没有类)function Move(){this.init.apply(this,arguments);}主要步骤如下:一、初始化创建一个div元素为div设置style属性值指定默认宽度,高度,距顶,距左,父容器,设置步长二、键盘上下左右键控制移动主要是修改div距顶,距左的距离三、父容器限制将创建的元素添加到父元素中,并使创建的元素在父元素内移动。<!DOCTYPE html><html><head> <title>键盘控制div移动---www.cnblogs.com/kuiku 阅读全文
posted @ 2012-02-10 16:54 前端咖 阅读(1727) 评论(0) 推荐(0) 编辑
摘要: 注册document.onkeydown事件keyCode是返回keydown何keyup事件发生的时候按键的代码,以及keypress 事件的Unicode字符;altKey,ctrlKey,shiftKey等是返回一个布尔值;常用keycodekeycodekeycodeleft37up38right39down40149250351a65shift16ctrl17alt18enter13<!DOCTYPE html><html><head> <title>键盘事件keycode</title></head><b 阅读全文
posted @ 2012-02-09 11:06 前端咖 阅读(1780) 评论(0) 推荐(0) 编辑
摘要: 复选框:checkboxhtml 结构 <input type="checkbox" value="test" />测试获取value值 function getValue() { var str = ""; for (var i = 0; i < list.length; i++) { var tmp = list[i]; if (tmp.type == "checkbox") { // 判断类型 if (tmp.checked) { // 判断是否选中 str += tmp.value; } 阅读全文
posted @ 2012-02-07 17:46 前端咖 阅读(478) 评论(0) 推荐(0) 编辑
摘要: String的扩展方法String.prototype.方法名=function(){...}基础知识字符串操作和正则表达式的应用一、合并多个空白为一个空白String.prototype.resetBlank = function () { return this.replace(/\s+/g, " ");}二、过滤空白String.prototype.filterBlank = function () { return this.replace(/\s+/g, "");}三、除去左边空白String.prototype.LTrim = functio 阅读全文
posted @ 2012-02-03 17:05 前端咖 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 换肤功能创建Css类,主要是对link元素操作<link rel="stylesheet" type="text/css" media="all" href="styles/red.css" />元素标签-link 属性标签-rel、type、media、hrefvar head = document.getElementsByTagName("head")[0];this.Append = function(url){var link = document.createElemen 阅读全文
posted @ 2012-02-02 17:59 前端咖 阅读(358) 评论(0) 推荐(0) 编辑
摘要: css/html 透明度和背景透明 opacity&transparent 线性渐变(linear-gradient) base_css 理解box-shadow 理解border-radius 阅读全文
posted @ 2012-02-02 13:51 前端咖 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 创建数据库表,需要为表名和字段名添加说明,要养成良好的习惯。1、语句方式如下:例如:create table 表名称( 列名称 数据类型, ...)EXEC sys.sp_addextendedproperty @name=N'MS_Description', @value=N'主键自增长' ...详细使用可以阅读相关参考手册。2、图形工具方式如下: 阅读全文
posted @ 2012-02-01 17:42 前端咖 阅读(512) 评论(0) 推荐(0) 编辑
摘要: 1、透明度opacity: 0.3;filter:alpha(opacity=30); opacity设置透明度,后代元素会继承当前元素的透明度。效果如下图:<!DOCTYPE html><html><head> <title>透明度---opacity---www.cnblogs.com/kuikui</title> <style type="text/css"> .test { width: 500px; height: 300px; text-align: center; ... 阅读全文
posted @ 2012-02-01 16:49 前端咖 阅读(7771) 评论(0) 推荐(0) 编辑