前端咖

2012年2月13日

摘要：自定义右键菜单实现原理为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 前端咖阅读(1459) 评论(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 前端咖阅读(449) 评论(0) 推荐(0) 编辑

2012年2月10日

键盘控制div移动

摘要：键盘控制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 前端咖阅读(1718) 评论(0) 推荐(0) 编辑

2012年2月9日

键盘keycode

摘要：注册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 前端咖阅读(1776) 评论(0) 推荐(0) 编辑

2012年2月7日

复选框checkbox

摘要：复选框：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 前端咖阅读(475) 评论(0) 推荐(0) 编辑

2012年2月3日

String 的扩展方法

摘要： 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 前端咖阅读(533) 评论(0) 推荐(0) 编辑

2012年2月2日

换皮肤功能-link

摘要：换肤功能创建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 前端咖阅读(355) 评论(0) 推荐(0) 编辑

css/html目录

摘要： css/html 透明度和背景透明 opacity&transparent 线性渐变（linear-gradient） base_css 理解box-shadow 理解border-radius 阅读全文

posted @ 2012-02-02 13:51 前端咖阅读(520) 评论(0) 推荐(0) 编辑

2012年2月1日

创建数据库表---CREATE TABLE

摘要：创建数据库表，需要为表名和字段名添加说明，要养成良好的习惯。1、语句方式如下：例如：create table 表名称（列名称数据类型， ...）EXEC sys.sp_addextendedproperty @name=N'MS_Description', @value=N'主键自增长' ...详细使用可以阅读相关参考手册。2、图形工具方式如下：阅读全文

posted @ 2012-02-01 17:42 前端咖阅读(507) 评论(0) 推荐(0) 编辑

透明度和背景透明---opacity&transparent

摘要： 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 前端咖阅读(7764) 评论(0) 推荐(0) 编辑

公告