
Div+CSS+JavaScript
文章平均质量分 65
sjf0115
Stay Hungry, Stay Foolish---我们必须用谦虚者的自觉,饥饿者的渴望的求职态度,来拥抱我们的未来。
展开
-
JavaScript学习笔记1:鼠标划过选中
欢迎各位读者学习Javascript这门语言!原创 2012-05-28 13:12:48 · 1076 阅读 · 0 评论 -
EXTJs 布局
FitLayout 自适应布局FitLayout 是布局的基础类,对应面板布局配置项(layout)的名称为 fit,使用 fit 布局将使面板子元素自动充满容器,如果在当前容器中存在多个子面板则只有第一个会被显示。Ext.onReady(function(){ //数据存储 var store = new Ext.data.SimpleStore( {原创 2013-05-05 10:20:12 · 6415 阅读 · 1 评论 -
EXTJs 树的实现
Ext.onReady(function() { //树形结构 //创建一棵树: var tree = new Ext.tree.TreePanel( {el:'tree'}//表示渲染的DOM的id.界面中有相对应最后这棵树就出现在这个div位置上 ); //创建根节点: var root = new Ext.tree.TreeNo原创 2013-04-28 16:44:50 · 8767 阅读 · 0 评论 -
Extjs EditorGridPanel功能
功能:修改一列 然后自动修改另一列直接使用afteredit事件。当对一个单元格进行编辑完之后,就会触发afteredit事件,可以通过该事件处理函数来处理单元格的信息编辑。var gridPanel = new Ext.grid.EditorGridPanel({ id : "id", store : myStore, height : 350,原创 2013-05-16 12:07:14 · 4738 阅读 · 3 评论 -
Spket的配置和安装
myeclipse下使用ext的插件有三种方式:1:配置在线使用:打开myeclipse:1、选择Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site...Name: "Spket", Url: "http://www.转载 2013-04-21 10:17:17 · 1881 阅读 · 0 评论 -
EXTJs 表格分页
为表格添加分页工具条 Ext Buttons Ext.onReady(function(){ var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumbe原创 2013-04-26 16:44:07 · 4201 阅读 · 0 评论 -
Web开发者应掌握的12个Firebug技巧
Firefox搭配Firebug在web程序设计中,可谓是“双剑合壁”,功能强大,本文选取了其中的一些技巧予以介绍,帮助大家更好的掌握Web开发的技能,让开发事半功倍!相 信很多从事Web开发工作的开发者都听说和使用过Firebug,但可能大部分人还不知道,其实它是一个在网页设计方面功能相当 强大的编辑器,它可以对HTML、DOM、CSS、HTTP和Javascript进行全面的跟踪和转载 2013-03-27 07:33:48 · 1528 阅读 · 0 评论 -
用HTML5 Audio API开发游戏音乐
支持的浏览器:难度:中等注意:本文讨论的API尚未最终确定,仍在不断变化。请在自己的项目中谨慎使用。介绍 音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影,你就很可能已经注意到了这一点。 游戏也不例外!我最喜爱的视频游戏的回忆里包含了音乐和声效。在二十年后的今天,大多情况下,当玩我最爱的游戏时转载 2013-03-26 12:04:34 · 2509 阅读 · 0 评论 -
十款精心挑选的在线 CSS3 代码生成工具
CSS3 Maker这款工具非常强大,可在线演示渐变、阴影、旋转、动画等非常多的效果,并生成对应效果的代码, Border Radius一款简单实用的在线 CSS3 圆角效果生成工具,四个角输入值就能生成对应的效果和代码。 CSS3 Generator非常不错的各种 CSS3 代码生成器,支持圆角、渐变、旋转和阴影等众多特性,转载 2013-01-13 13:26:33 · 1699 阅读 · 0 评论 -
EXTJs前后台交互
Ajax交互方式Ext.Ajax.request( { //被用来向服务器发起请求默认的url url : "", //请求时发送后台的参数,既可以是Json对象,也可以直接使用“name = value”形式的字符串 params : { name:'value' }, //请求时使用的默认的http方法 method : "post", //请求成功原创 2013-05-23 10:31:35 · 12446 阅读 · 1 评论 -
EXTJs工具条,菜单,Tab标签
EXTJs工具条,菜单,Tab标签原创 2013-05-03 17:03:09 · 8414 阅读 · 1 评论 -
Extjs之多选下拉框(MultiSelect)
扩展js类库,在项目中建立一个 js文件,命名为:xxx.js 其代码为:if ('function' !== typeof RegExp.escape) { RegExp.escape = function (s) { if ('string' !== typeof s) { return s;转载 2014-03-05 17:08:06 · 37242 阅读 · 3 评论 -
Extjs之自动消失提示框(Ext.example.msg)
test.html body { font-family: helvetica, tahoma, verdana, sans-serif; padding: 20px; padding-top: 32px; font-size: 13px; background-color: #fff !important;} /** * Extjs消息提示框转载 2014-02-08 17:46:54 · 11043 阅读 · 0 评论 -
WebBrowser中Javascript和Winform代码之间实现双向通信
WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信最近工作需要,学习了一下winform内嵌webbrowser控件,然后与htm页面中的javascript交互调用的技术,因此有了这篇心得。总的来说,javascript与winform的code互相调用,和web开发中javascript与服务器端代码通过ajax互相调用有类似之处。下面转载 2013-12-09 22:25:08 · 5555 阅读 · 0 评论 -
css 图片切换模版
(1)淘宝网4种JS图片切换幻灯焦点图代码焦点图 body {margin:0px;padding:0px;background:url(/jscss/demoimg/201109/bg.jpg);}ul, li {margin:0px;padding:0px;float:left;list-style-type:none;}.frame {width:1010转载 2013-11-18 18:11:43 · 6134 阅读 · 1 评论 -
EXTJs学习笔记(知识点总结)
目录(1)apply()和applyif()区别(2)get(),getDom(),getCmp()区别原创 2013-05-23 16:26:31 · 6286 阅读 · 0 评论 -
EXTJs 表单控件
TextField 文本输入控件 Ext Buttons Ext.onReady(function(){ //Ext.form.TextField var textField = new Ext.form.TextField( { fieldLabel:'用户名', allowBla原创 2013-04-29 01:29:25 · 7965 阅读 · 1 评论 -
ExtJs 表格的实现
Ext Buttons Ext.onReady(function(){ var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(),//自动显示行号 sm,//复原创 2013-04-26 11:20:42 · 11485 阅读 · 0 评论 -
ExtJs桌面组件(DeskTop)
ExtJs桌面组件(DeskTop)原创 2013-07-17 11:23:09 · 21996 阅读 · 8 评论 -
盘点:崛起中的九大HTML5开发工具
Dawei Cheng 程大伟... 星期二, 27/11/2012 - 00:40 发布HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。 虽然HT转载 2013-01-13 13:19:38 · 1466 阅读 · 0 评论 -
JS函数
js的字符串有关函数1.Asc(x),Chr(x):转换字符,字符码2。Filter:搜寻字符串数组中的特定字符串格式:v=filter(x,s[,include[,compare]])实例:Dim x()={"kjwang","wangkj","peter"}Dim vv=filter(x,"kj") '结果v(0)="kjwang",v(1)="wangkj"v=原创 2012-05-25 15:43:05 · 1047 阅读 · 0 评论 -
DIV布局 两列固定宽度居中
#content { width:470px; margin:0 auto;}#side { background: #99FF99; height: 300px; width: 120px; float: left; }#main { background: #99FFFF; height: 300px; width: 350px; margin-left: 120px; } 此原创 2012-05-19 09:40:59 · 2804 阅读 · 1 评论 -
倾斜的css导航菜单
倾斜的css导航菜单#pad {height:150px;}#menu {padding:0 0 0 30px; margin:0; list-style:none;}#menu li {float:left; position:relative; margin-right:2px; display:block; height:0; width:60px; border-bottom:30原创 2012-05-19 08:33:02 · 1882 阅读 · 1 评论 -
JavaScript实现钟表
function startTime(){var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()// add a zero in front of numbers<10m=checkTime(m)s=checkTime(s)document.getElem原创 2012-05-18 09:10:08 · 1332 阅读 · 0 评论 -
JavaScript 中创建三种消息框:警告框、确认框、提示框
警告框function disp_alert(){alert("我是警告框!!")}确认框function show_confirm(){var r=confirm("Press a button!");if (r==true) { alert("You pressed OK!"); }else { alert("Y原创 2012-05-18 09:01:42 · 3868 阅读 · 0 评论 -
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空原创 2012-05-18 09:47:10 · 1506 阅读 · 3 评论 -
本例演示如何在数据周围绘制一个带标题的框。
健康信息:身高:体重:如果表单周围没有边框,说明您的浏览器太老了。原创 2012-05-18 08:40:14 · 1413 阅读 · 0 评论 -
AJAX视频教程下载
01__智播客AJAX__教程_AJAX概述与IntelliJ安装.rar02__智播客AJAX__教程_使用IntelliJ__Web_目.rar03__智播客AJAX__教程_用IntelliJ部署Web_目.rar04__智播客AJAX__教程_准_AJAX服_器端_境.rar05__智播客AJAX__教程_准_AJAX客_端程序_境.rar06__智播客AJAX__教程原创 2012-05-28 17:36:29 · 1975 阅读 · 0 评论 -
JavaScript学习笔记2之特殊公告栏效果
<!-- num=4;quoteArray = new Array(num);quoteArray[0]="您喜欢学习javascript吗?";quoteArray[1]="您喜欢学习vbscript吗?"quoteArray[2]="您喜欢学习asp吗?"quoteArray[3]="您喜欢学习asp.net吗?"quoteArray[4]="您喜欢学习jsp吗?"quoteS原创 2012-05-28 13:23:01 · 1471 阅读 · 0 评论 -
css之超链接
一、超链接的四种样式超链接的四种样式:a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */以上分别定义了超链接未访问时的链接样式,已原创 2012-05-19 10:26:00 · 2215 阅读 · 1 评论 -
css 图片排列
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage=""%> ff <!-- 首页 --> <!-- body{ margin: 0; padding: 0; } #team{ wi原创 2012-05-19 15:50:43 · 5606 阅读 · 0 评论 -
css表单演示
表单<!--form { border: 1px dotted #AAAAAA; padding: 3px 6px 3px 6px; margin:0px; font:14px Arial;}input { color: #00008B; background-color: #ADD8E6; border: 1px solid #00008B;}原创 2012-05-25 13:19:26 · 1528 阅读 · 3 评论 -
CSS 鼠标经过时改变table所在行的颜色
#customers { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; }#customers td, #customers th { font-size:1em; border:1px solid #98bf21;原创 2012-05-23 15:38:58 · 10871 阅读 · 2 评论 -
js获取select的值
text 1 text 2 <!-- var myid = document.getElementById("tryselect"); alert(myid.options[myid.selectedIndex].value +"\n" +myid.options[myid.selected原创 2012-05-23 10:31:25 · 971 阅读 · 0 评论 -
JS跳转方式
第一种: window.location.href="login.jsp?backurl="+window.location.href; 第二种: alert("返回"); window.history.back(-1); 第三种: window.navigate("top.jsp"); 第四种:原创 2012-05-23 09:04:29 · 1373 阅读 · 2 评论 -
js实现多个复选框的全选与取消
//控制是否全选 function isSelectAll(){ var isSelected = document.getElementById("allselect").checked; var checkBoxArray = document.getElementsByName("selectedCheckBox"); if(isSelected){原创 2012-05-23 14:28:30 · 2507 阅读 · 0 评论 -
设置frameset的高度界面变形的解决方法
在用frameset时在不同浏览器下,会发现自己做的界面变形,可能会被拉伸或者压缩。在同一浏览器下改变窗口大小也可能有这问题。 因为frameset使用时每个子框架是按比例排版的,就是占窗口大小的百分之几。当窗口变化时就会出现变行的情况。为了解决这一问题,百度了好久也没找出好的解决方案。天不负有心人,终于找发现了一个好的解决方案:使用iframe。<%@ page contentT原创 2012-05-21 12:42:40 · 5215 阅读 · 0 评论 -
js更换背景图片
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">更换背景 one two threefunction changeBgImg(option){ document.getElementBy原创 2012-05-22 13:49:12 · 9786 阅读 · 6 评论 -
将图片的说明文字显示在图片之上且背景半透明效果
将图片的说明文字显示在图片之上且背景半透明效果 body { text-align: center; font-family:Verdana; font-size:14px; } .img-demo { position: relative; display: block; height:600px; width: 4原创 2012-05-19 23:39:46 · 6905 阅读 · 2 评论 -
Html制作漂亮表格
#customers { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; }#customers td, #customers th { font-size:1em; border:1px solid #98bf21;转载 2012-05-18 08:11:05 · 19391 阅读 · 2 评论