- 博客(45)
- 收藏
- 关注
RSS订阅转载 document.execCommand()方法处理Html数据
document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数])其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数一般为一可
2017-04-01 13:58:53
11738
转载 js 手机端触发事事件、javascript手机端/移动端触发事件
处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件：1234touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcancel: // 系统取消touch事件的时候触发
2016-08-30 09:35:27
8707
原创 js 搜索关键字，文章中关键字高亮显示
实现代码如下： .highlight{background:green;font-weight:bold;color:white;} 搜索 搜索，文章关键字高亮显示aaa 搜索，文章关键字高亮显示bbb 搜索，文章关键字高亮显示ccc 搜索，文章关键字高亮显示ddd 搜索，文章关键字高亮显示eee 搜索，文章关键字高亮显示fff 搜索，文章关键字高亮
2016-03-02 17:08:57
10843
1
转载 js弹出框、对话框、提示框、弹窗总结
一、JS的三种最常见的对话框//====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息！"); } //弹出一个询问框，有确定和取消按钮 f
2016-01-11 15:06:23
414
转载 HTML5 & CSS3 下拉菜单效果
A Flash Blue Menu在线演示 源码下载 Fancy Rolling Navigatio在线演示 源码下载 Sweet tabbed navigation using CSS3在线演示 源码下载 jQuery style menu with CSS3在
2016-01-04 10:09:56
1375
转载 CSS3 径向渐变（radial-gradient）
CSS3 径向渐变和线性渐变是很相似的，我们首先来看其语法：12-moz-radial-gradient([ || ,]? [ || ,]? , [, ]*); -webkit-radial-gradient([ || ,]? [ || ,]? , [, ]*); 除了您已经在
2016-01-04 10:04:43
891
转载 CSS3 经典教程系列：CSS3 线性渐变（linear-gradient）
CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、
2016-01-04 10:02:38
6703
原创 JS控制iFrame切换加载不同网页内容
JS控制iFrame切换加载不同网页内容haoshilao | 6a8a | 027eat.com | <!--var displaymode=0var iframecode=''if (displaymode==0)document.write(iframecode)function jumpto(inputurl){if (document.getElementB
2015-12-24 15:32:48
1391
转载 Node.js模块 require和 exports
Node.js模块 require和 exports什么是模块?node.js通过实现CommonJS的Modules/1.0标准引入了模块(module)概念,模块是Node.js的基本组成部分.一个node.js文件就是一个模块,也就是说文件和模块是一一对应的关系.这个文件可以是JavaScript代码,JSON或者编译过的C/C++扩展.Node.js的模块分
2015-12-23 09:50:23
486
转载 解决各种IE兼容问题
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/x
2015-12-21 11:00:18
328
转载 12个用于播放音乐和视频文件的jQuery插件
1. Acorn Media PlayerAcorn Media Player是一个jQuery插件，它采用HTML5 标签来自定义一个播放器。易于定制和扩展。 主页 | 示例 | 下载2. Video JSActually Video JS不需要与JQuery给合使用，但作者还是为我们提供了一个videojs jquery plugins
2015-11-19 20:50:56
706
转载 25个国外优秀的餐饮网站设计作品欣赏
25个国外优秀的餐饮网站设计作品欣赏 这篇文章收集了25个国外优秀的餐饮网站设计作品，希望能带给你灵感。很多餐饮店都会建立自己网站，提供在线订餐服务，这些通常会搭配诱人的食物图片，吸引顾客订购，一起欣赏。McDonald’sRuby TuesdayLa BruschettaTokiTwelveVedaLe 28Thiers
2015-11-11 22:01:11
2829
转载 60款很酷的 jQuery 幻灯片演示和下载
60款很酷的 jQuery 幻灯片演示和下载 jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片效果的实现，这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件，相信里面一定会有你喜欢的。
2015-11-11 21:58:01
277
原创 每个程序员都会的 35 个 jQuery 小技巧
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example ca
2015-11-05 21:28:32
230
转载 每个程序员都会的 35 个 jQuery 小技巧
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example ca
2015-11-05 21:26:59
306
原创 XHTML5 ----- 表单验证（用户名、密码和email检测）
指向表单元素关于email关于url关于时间后边两个支持率相当差，不推荐使用关于number关于range关于colorplaceholderrequired默认验证规则自定义验证maxLength
2015-09-24 23:54:39
2361
原创 XHTML5 ----- 拖拽事件 （拖拽一段文字和图片案例）
1、拖拽一段文字功能实现：拖拽一段文字到一个区域，复制进去#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}这是一段可移动的段落。请把该段落拖入上面的矩形。这里p中的类容就是待拖拽的东西 div1为目标区域，首先要让这段文字拖拽，第一步要设置p 元素的draggable属性为"tr
2015-09-24 23:39:45
740
原创 XHTML5 ----- 实现多媒体播放
功能实现：点击按钮，实现播放和暂停 播放视频 您的浏览器不支持播放！播放 var flag = 0; function fun() { var video = document.getElementsByTagName("video")[0]; var but = document.get
2015-09-24 22:45:07
305
原创 JavaScript--点击按钮实现选中选项移动到指定位置（下拉框）或全部选项移动
功能实现：现有4个按钮：向左，向右，全向左，全向右。点击按钮实现所对应功能，将选中选项移动完整代码： select { width: 100px; height: 200px; } 刘备 张飞 关羽
2015-08-20 22:41:46
3325
原创 JavaScript--点击按钮实现复选框全选和反选功能
功能实现：1、点击全选和反选按钮，实现复选框全选和部分选的功能2、点击全选复选框，实现子复选框全选或全不选功能完整代码： 学号 姓名 班级
2015-08-20 22:34:29
7297
1
原创 CSS--利用CSS实现一个简易的二级菜单（仿京东）
功能：仿照京东首页，利用CSS简单实现一个二级菜单完整代码： * { margin: 0; padding: 0; } .container { height: 30px; background-color: #F
2015-08-20 22:23:20
1403
原创 JavaScript+CSS实现图片动态轮播dynamic_slider
基本功能：1、图片自动轮播，当鼠标移动在图片上时，图片停止播放2、点击左右键显示上一张图片或下一张3、当鼠标放在12345这几个数字上时，显示数字所对应的图片完整代码如下： * { margin: 0; padding: 0; } .containe
2015-08-20 22:17:40
690
原创 JavaScript--简单实现按回车键，光标跳转到后一文本框中和表单提交
功能：1、按回车键，光标跳转到下一文本框中2、验证表单，若用户名或密码为空，后面出现提示信息 span { color: transparent; } 用户名： 邮箱： 职业：注册 function usernameValidate(this
2015-08-20 22:06:18
3262
1
原创 JavaScript--点击颜色，为主题更换背景颜色
鼠标点击颜色块，指定区域背景颜色更换完整代码： div, ul { margin: 0; padding: 0; } .first { height: 50px; /*outline: 1px solid red;
2015-08-16 22:06:14
2386
原创 JavaScript--利用setInterval或setTimeout实现背景颜色轮播
Window属性---暂停和定时器暂停var timeoutObj = setTimeout("执行程序",毫秒)setTimeout(引用，1000)setTimeout("执行程序",1000)clearTimeout(timeoutObj)定时器var intervalObj = setInterval(("执行程序",毫秒)setInterval
2015-08-16 21:57:31
3644
原创 JvaScript--使用js添加数据，点击按钮，将内容放入表格中
题目要求：创建一个Student类，有name、age属性和方法showInfo()，在页面上显示：姓名 | 年龄 然后再div中使用js添加数据，每点击一下按钮就显示一条数据，（必须通过p元素去找div）*其中要写一个函数show()用来调用Student类里面的showInfo()函数function
2015-08-16 21:36:22
4046
原创 JavaScript编程--任意输入一个数判断是不是闰年，数列求和练习
1、任意输入一个数判断是不是闰年：(1).能被4整除，但同时不能被100整除的年份都是闰年(2).能被400整除的年份是闰年相应代码如下： var year = prompt("请输入一个年份\n"); year = Number(year);//先把year转化为数字，然后赋值给year（这个时候相当于转型
2015-08-16 20:39:48
2491
原创 CSS布局--transform应用（矩形旋转、缩放、倾斜、滚动、3D转换）代码
body, div { margin:0; padding:0; } div { width: 100px; height: 100px; background-color: burlywood; margin-left:
2015-08-16 20:25:42
6223
原创 CSS布局——元素浮动与定位篇
一、元素浮动（float）定义：浮动是基于CSS现代Web设计用到的主要功能之一，它可以用来创建多列的网页布局。1、属性值：none(不浮动)、left(向左)、right(向右)注：fioat属性可以应用于任何元素2、行为当float不等于none引起元素浮动时，元素将被视作块级，等于设置display: block当浮动一个文本类型元素时，必须指定其width宽度，
2015-07-31 23:47:34
2166
原创 CSS页面布局篇
一、CSS盒模型定义：CSS盒模型四CSS可视化格式化系统的基石，是理解样式表如何的核心1、区域与边界：内容区：元素内容benshen内边距（padding）：内容区和边框之间的区域边框(border)：一到多个围绕元素内容和内边距的线外边距（margin）：在元素边框的外面。外边距总是透明的2、高度和宽度使用width和height属性可以设置块级元素或者内嵌
2015-07-31 22:58:34
386
原创 CSS基础篇
一、HTML中插入CSS1、外部样式表定义：将样式定义放在一个单独的文件中，需要时在文档中引用步骤：a、建立一个文件名为myStyle.css的样式表h1, h2, h3{ color : blue;}h1 { font-size: 18pt }h2 { font-size: 16pt }h3 { font-size: 14pt }b、在段使用标记，可将
2015-07-29 22:23:24
470
原创 XHTML表单-超链接篇
一、超链接与目录1、目标：target="_blank" (打开新页面)target=“_srlf” (本页面跳转)target=“_parent” (跳转为父页面)target=“_top” (跳转我最上层页面)2、目录快捷键：以一个反斜杠（/）开头的目录表示该目录为根目录的一个子目录以一个点加一个反斜杠（./）开头的目录表示该目录为当前
2015-07-28 23:45:05
461
原创 Web应用及XHTML基础篇
一、企业应用计算的演变1、主机/终端模式（Mainframe/Terminal）：使用者一般通过只有一个屏幕、一个键盘和一根主机连接线的“哑终端”与主机的应用程序进行交互。超市收银航空售票小型储蓄所2、客户机/服务器（Client/Server)：在网络技术的支持下，应用程序不仅可利用本机资源，还可通过网络方便地共享网上其它计算机资源3、计算机分类服务器
2015-07-27 21:16:28
370
原创 PS入门——PS的简单使用
【PS的简单使用】----------关于工具栏1.左列表第一大块为选择类工具2.左列表第二大块为块状类工具3.左列表第三大块为线状类工具4.最上面叫做菜单栏，其中[窗口]选项可以打开ps界面右侧的一切工具栏。5.菜单栏下面的属性栏会根据左侧工具的不同而变化，是属于左侧工具栏的某个工具的属性条目。----------关于图层1.每一个图层都相当于一张纸，初始
2015-07-27 19:44:51
410
原创 PS入门——色彩基础篇
色彩三要素视觉所能感知的一切色彩现象，都具有色相、明度、纯度三种性质，是色彩最基本的构成要素。色相——即赋予每种色彩的相貌，如：红、橙、黄、绿、青、蓝、紫 代表不同特征的色彩相貌。例如将黄色加入白色之后，显出不同的奶黄、麦芽黄等，但它的黄色性质不变，依然保持黄色的色相。明度——明度是指色彩的明暗程度。明度最高的颜色是白色，最低的是黑色。纯度——是指色彩的饱和
2015-07-27 19:36:56
740
原创 Axure入门设计——倒计时设计
Axure倒计时 本内容介绍使用函数和动态图层来实现倒计时，其主要思路是不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件，例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。主要流程如下：
2015-07-24 01:05:22
620
转载 交互设计
怎么去组织页面元素，制作原型Demo?哪些表现层面是交互设计师该重点表达的内容?原型的制作又有哪些章法可循呢?Ⅰ. 什么是原型?原型的概念说的简单直白些就是用户使用产品的界面模型，原型的设计主要包括三部分：①需求内容的呈现 ②导航和链接 ③数据的交换①需求内容的呈现1）文本，多媒体内容的呈现最基础的web页面就是文字和多媒体的载体，通过文字和媒体把需求内容呈
2015-07-22 21:53:29
715
4
原创 C语言 数组、函数应用实例篇
Seven Day1、编写程序，任意输出10个整数的数列，先将整数按照从小到大的顺序进行排序，然后输入一个整数插入到数列中，使数列保持从大到小的顺序#includevoid mop(int n, int a[]) { //定义mop（）函数 int i, j, temp; for (i = 0; i < n; i++) { //冒泡排序
2015-07-21 19:55:06
3054
原创 数组及函数的应用篇
Six Day一、递归函数函数的递归调用有两种形式：直接递归调用 和 间接调用例如：直接递归int mul (int n){int n;int f;·····f=mul(m);·····}例如：间接递归int mul1(int n){int m;······mul2(m);······}int mul2(int x){int y;······mul1(y);·······}例题：#includ
2015-07-21 00:20:05
618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人