Web前端
文章平均质量分 67
中情
你必须十分努力,才能毫不费力
展开
-
随机数的生成
Math.random() 生成0和1之间的随机小数Math.random() * 7 生成0和7之间的随机小数Math.random() * 7 + 1生成0和8之间的随机小数Math.floor(Math.random() * 7 + 1)生成0和8之间的随机整数,注意是整数,不是小数..原创 2016-05-10 13:31:56 · 260 阅读 · 0 评论 -
Div仿框架方法详解
学习资源:http://www.blueidea.com/tech/web/2009/6716.asp转载 2016-06-30 08:54:23 · 337 阅读 · 0 评论 -
Meta标签的作用
meta标签共有两个属性,它们分别是http-equiv属性和name属性。 1、name 属性 : 用以说明生成工具(如Microsoft FrontPage 4.0)等; 向搜索引擎说明你的网页的关键词; 告诉搜索引擎你的站点的主要内容; 告诉搜索引擎你的站点的制作的作者; 其中的属性说明如下: 设定为all:文件将被检索,且页面上的链接可以被转载 2016-06-30 09:26:06 · 261 阅读 · 0 评论 -
.NET Web开发技术简单整理
学习资源:http://www.cnblogs.com/SanMaoSpace/p/3157293.html在最初学习一些编程语言、一些编程技术的时候,做的更多的是如何使用该技术,如何更好的使用该技术解决问题,而没有去关注它的相关性、关注它的理论支持,这种学习技术的方式是短平快。其实工作中有时候也是这样,公司要推崇一个新技术、一个解决方案,我们总是短平快的去学习如何转载 2016-06-30 10:46:43 · 4447 阅读 · 0 评论 -
CSS整体界面设计
整体界面设计 body { font-family:Arial, Helvetica, sans-serif; background-color:#efefef; margin:0; } #wrapper { width:980px; margin:0 auto 20px; }转载 2016-07-12 15:58:17 · 1071 阅读 · 0 评论 -
H5中的地图定位
地图定位 点击按钮获取您当前坐标(可能需要比较长的时间获取): 点我 var x = document.getElementById("demo"); function getLocation() { if (navigator.geolocation) {转载 2016-07-13 09:39:46 · 2145 阅读 · 0 评论 -
HTML5菜鸟学习网站
http://www.runoob.com/html/html5-svg.html原创 2016-07-13 09:42:01 · 521 阅读 · 0 评论 -
HTML5中的音频和视频播放
音频和视频控件 --> 您的浏览器不支持该音屛文件 注意:这一行文本在不支持这个音频文件的 --> --> --> 播放/暂停 放大原创 2016-07-13 10:39:22 · 382 阅读 · 0 评论 -
HTML5中input标签新增的类型
HTML5中input的新标签 颜色选择器: 日期: 日期和时间: 日期和时间(无时区): Email: 日期(月和年): 文件选择框: 数字选择框: 范围选择框:原创 2016-07-13 11:27:26 · 1526 阅读 · 0 评论 -
HTML5中表单元素常用的属性设置
First name: Last name: E-mail:原创 2016-07-13 12:12:16 · 758 阅读 · 0 评论 -
HTML5中的数据存储localStorage和sessionStorage
HTML5中的web存储 div { width:200px; height:100px; position:relative; top:10px; left:10px; background:red; } //1.判断该浏览器是否支持loc原创 2016-07-13 15:00:01 · 845 阅读 · 0 评论 -
用JS实现input中的file标签的样式(当要修改file标签的字体样式时使用)
实现步骤:1.创建一个input file标签,并设置该标签为隐藏的;eg:inputtype="file"id="file1"name="file1"style="display:none"/>2.创建一个input text标签,来显示选中的文件路径;eg:inputtype="text"value="未选择文件"id原创 2016-07-01 18:48:33 · 5838 阅读 · 0 评论 -
HTML5中进行SQL的操作
三个核心的方法:1.openDatabase():创建数据库2.transaction():进行事务的回滚3.executeSql:用于执行实际的SQL语句 HTML5中对数据库的操作 function optionDB() { //openDatabase()打开数据库,如果不存在,则创建;原创 2016-07-13 16:52:57 · 7266 阅读 · 0 评论 -
DIV+CSS实现二级菜单
.menu {//底层视图font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0;}/* remove the bullets and set the margin and padding to zero for the unordered list */.menu ul {paddi原创 2016-07-01 19:53:53 · 1402 阅读 · 0 评论 -
左侧固定菜单,右侧浮动菜单样式示例代码
左侧固定,右侧浮动的菜单样式 $(function () { $(".left_nav dd").hover(function () { $(".nav_right", this).show(); }); $(".left_nav dd").mouse转载 2016-07-06 14:16:48 · 7283 阅读 · 0 评论 -
左侧固定,右侧是竖着的子菜单样式
body { font-family:"微软黑体"; background-color:white;}* { margin:0; padding:0; list-style:none;}a { text-decoration:none; color:red;}a:link { text-decoration原创 2016-07-07 10:15:43 · 375 阅读 · 0 评论 -
Web界面中功能模块测试用例(模板)
功能模块测试用例(模板)http://wenku.baidu.com/view/4ada3464ddccda38376baff8.html转载 2016-06-21 19:03:52 · 14938 阅读 · 0 评论 -
独家分享——大牛教你如何学习Web前端开发
引语 自从2008年接触网站开发以来到现在已经有六个年头了,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上的一串串回忆,成功与喜悦、烦恼与纠结都历历在目,感慨颇多。在此与大家分享,希望对初学Web前端的各位童鞋来说有所帮助。欢迎各位吐槽、拍砖。 先从大家学习上的一个误区开始谈起。 Web前端的学习误区转载 2016-06-29 18:22:36 · 765 阅读 · 0 评论 -
设置弹出层样式
弹出层样式 figure { width:144px; /*图片盒子宽度*/ height:153px; /*图片盒子高度*/ margin:20px 20px; /*图片盒子间距*/ border:1px solid #666; /*图片边框*/ position:relative; /*为弹出层提供定位上下文*/转载 2016-07-11 16:39:22 · 546 阅读 · 0 评论 -
带有过渡效果的搜索框
搜索表单 * {margin:0; padding:0;} header { /*在这个例子中代表页眉*/ font-family:helvetica, arial, sans-serif; display:block; overflow:hidden; width:500px; margin:30px;转载 2016-07-11 16:20:08 · 420 阅读 · 0 评论 -
CSS+DIV入门
所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。 下面,我们需要根据构思图来规划一下页面的布局,仔细分析一下该图,我们不难发现,图片大致分为以下几个部分: 1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片; 2、转载 2016-04-28 16:29:14 · 278 阅读 · 0 评论 -
用jQuery获取标签下标
$(function(){ $('ul li a').hover(function(){ var index = $('ul li a').index($(this));alert(index);});});ab原创 2016-05-26 08:48:30 · 1177 阅读 · 0 评论 -
JavaScript中常用的正则表达式
//扩展easyui表单的验证 $.extend($.fn.validatebox.defaults.rules, { //验证汉字 CHS: { validator: function (value) { return /^[\u0391-\uFFE5]+$/.test(value);原创 2016-05-03 09:06:30 · 521 阅读 · 0 评论 -
正则表达式基础知识
正则表达式基础知识 一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。如:JScriptVBScript匹配/^\[ \t]*$/"^\[ \t]*$"匹配一个空白行。转载 2016-05-03 10:26:57 · 176 阅读 · 0 评论 -
history.back()和history.go()的区别
history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在history.back(0) 刷新history.back(1) 前进history.back(-1) 后退原创 2016-05-27 10:20:28 · 343 阅读 · 0 评论 -
Web界面中使用图表样式
chart.js的中文文档:http://www.bootcss.com/p/chart.js/docs/ 环形仪表盘样式 -->原创 2016-05-27 11:57:38 · 478 阅读 · 0 评论 -
easyui-DataGrid基本用法
$('#dg').datagrid({ //url: "", title: ' 客户列表', iconCls: 'icon-customer', fit: false,原创 2016-05-05 15:59:44 · 342 阅读 · 0 评论 -
BootStrap的使用文档
http://www.runoob.com/bootstrap/bootstrap-environment-setup.html原创 2016-05-18 18:06:49 · 436 阅读 · 0 评论 -
Web开发注意知识点
1.inline-height:设置行高,如果该值和height的值一样,则该元素的内容居于该元素中间;2.如果设置超链接()的width和height属性不起作用,则需要设置display属性为:inline-block才起作用;原创 2016-05-18 18:17:35 · 206 阅读 · 0 评论 -
CSS浮动属性Float详解
CSS浮动属性Float详解什么是CSS Float?float 是 css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷转载 2016-05-19 15:21:13 · 2817 阅读 · 0 评论 -
jQuery实现二级菜单显示(超链接中)
用jquery实现的一个下拉菜单 /*当鼠标悬浮在某个链接上时,改变下拉列表的display属性*/ $(document).ready(function () { $('nav li').hover(function () { /* 当鼠标悬浮在链接上转载 2016-05-19 14:57:38 · 1084 阅读 · 0 评论 -
Jquery 对象和Dom对象(js) 的异同点
Jquery 对象和Dom对象(js) 详细介绍,相同点与不同点 2013-03-20 11:02:49| 分类: jquery|举报|字号 订阅 下载LOFTER我的照片书 |jQuery 对象和 DOM 对象的区别我们在做网页设计的转载 2016-05-19 19:35:50 · 352 阅读 · 0 评论 -
div层调整z-index属性无效原因分析及解决方法
div层调整zindex属性在IE中无效原因分析及解决方法很久没有写前端代码了,最近有个项目需要亲自动手,但是在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。1.第一种情况转载 2016-06-24 16:44:07 · 574 阅读 · 0 评论 -
EasyUI 之 DataGrid分页组件中文显示的两种方法(语言的切换)
在过去的这一段时间参与了高校云平台的评教系统,在系统的前端要求用MVC+Easyui,从今天开始就来给大家讲讲MVC+EasyUI的前端应用。 JQueryEasyUI:一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入转载 2016-06-27 19:35:24 · 7535 阅读 · 2 评论 -
全面的导航选项模板样式及代码
三级下拉菜单为方便设定菜单样式,我为列表容器nav 添加了multi_drop_menu 类。这个菜单的每一条CSS规则都以.multi_drop_menu开头,以确保它们只会应用给带有这个类的容器。下拉菜单的标记是在前面菜单例子基础上扩充而来的。下面就是所有标记,虽然看起来挺吓人,但实际上不过是一个简单的三层嵌套列表而已。PowerMoneyLoveF转载 2016-07-11 12:11:03 · 1449 阅读 · 0 评论 -
表单样式
设置表单样式 form.stylin_form1 {width:14em; /* 表单整体宽度 */margin:20px auto; /* 在容器内居中 */border:1px solid #bbb7ae;padding:.5em .5em .15em;}.stylin_form1 h3 { /* 表单主标题 */margin:0;padd转载 2016-07-11 16:04:55 · 447 阅读 · 0 评论 -
为背景添加渐变样式(线性和放射性两种)
为背景添加渐变样式 /*为盒子元素添加样式*/ div { width:200px; height:150px; float:left; border:1px solid #ccc; margin:16px原创 2016-07-08 09:25:33 · 1098 阅读 · 0 评论