- 博客(27)
- 收藏
- 关注
RSS订阅原创 点击图片让video视频显示并自动播放/循环播放
HTML:video width="100%" height="300" id="video" style="object-fit:fill;"> source src="https://video.mp4" type="video/mp4">video>img src="../images/video.png" id="video2">JS:script type="te
2017-01-23 17:51:58
10383
原创 侧边栏选中与取消
$(".conLeft ul li").on('click',function(){ var index = $(this).index(); var conRight = $(".conRight"); $(conRight).hide(); $(conRight).eq(index).show();
2016-08-23 17:53:55
914
原创 子环母图片依次放大，主图保持原状
<script type = "text/javascript"> var count = 0; var id; var width = $(".head").width(); var height = $(".head").height(); function orderShow(index){ $(".head").eq(index).an
2016-08-23 17:08:34
443
原创 改变Placeholder字体颜色
::-webkit-input-placeholder { /* WebKit browsers */ color: #4a4a4a;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4a4a4a;}::-moz-placeholder { /* Mozilla Firefox 19+ */ colo
2016-08-23 16:48:20
487
原创 公告栏文字上下滚动效果
var textRoll=function(){ var length = $('.jcPrice1 ul li').length; if(length>=4){ $('.jcPrice1 ul li:last') .css({'marginTop':'0rem','opacity': '0'}) .insertBefore('.j
2016-08-23 16:40:28
3398
原创 兼容ie8圆角和阴影效果的方法
引入文件：调用Jquery内容：script> window.onload = function(){ if(window.PIE){ $(".class").each(function(){ PIE.attach(this) }); } };script>如果在设置了这些之后
2016-04-01 16:47:18
3793
原创 join()
数组： join 的方法var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.join()) 输出结果：George,John,Thomas$(function(){ var arr = new Array("aaa","bbb","
2016-04-01 13:21:29
350
原创 基于bootstrap的网页开发
1.html5shiv.js的作用是？ html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。2.width指令使用device-widt
2016-03-14 13:16:14
330
原创 Bootstrap 基础
1.jquery 要在 bootstrap 之前引用2. (在 IE 运行最新的渲染模式)3. (初始化移动浏览显示)4. (载入Bootstrap的CSS样式)5.每个row 代表一行，要写col 必须在此之前嵌套一个row (可不用设置row的样式)6.container 默认边距有15px 会留白 解决方法：(在container 内设置p
2016-03-10 18:07:11
844
原创 正则/对象
正则表达式(用来查找和检测)方括号[]==需要匹配的字符 花括号{}==需要匹配的数量 圆括号()==用来进行分组caret ^ 表示开始 dollars $ 表示结束 + 表示多个 * 表示0个或者多个 ? 表示0个或者1个 正则^取反[^abc]正则表达式空格也算字符查找数字 \d===[0-9]单词字符 \w=
2015-10-26 23:05:26
381
原创 window对象
window对象 (浏览器对象)window{Dounment 使我们可以从脚本中对HTML页面中的所有元素进行访问; {history 包含用户(在浏览器窗口中)访问过的URL; {location 包含有关当前URL的信息; {navigator 包含有关浏览器的信息; {screen 包含有关客户端显示屏幕的信息;
2015-10-20 22:01:48
423
原创 DOM对象(document)
DOM对象(文档对象模型)属性: document title 访问页面的标题 document URL 访问完整的URL document bgcolor 背景颜色 document fgcolor 前景色 改变标题的值: document.title="" *代表所有的标签(文档)
2015-10-20 21:59:06
715
原创 函数
#10.16####函数函数的声明:////解析前声明 function text(x,y){ console.log()}函数表达式:////解析后声明赋值 var test=function(x,y){ console.log(x+y);匿名函数: (function(){ console.log
2015-10-18 23:45:53
439
原创 数组
10.15数组类型var arr=new Array();length:长度;index:索引Array变量arr.reverse()console.log(arr)//反序arr.shift()//移除数组的第一个元素console.log(arr.shift())//只显示第一个值arr.pop()//移除数组的最后一个元素console
2015-10-15 23:28:06
328
原创 js
####流程控制语句if语句（表达式1）{语句1 }语句2;执行流程：判断表达式1是否成立，若成立，则先执行语句1，再执行语句2；若不成立，则直接执行语句2；#####window对象：* var a = window.prompt("hello"); console.log("")****if(表达式){语句1
2015-10-15 00:42:13
343
原创 js基础
10.13//为当行的注释;/**/多行注释;合法标识符：第一个字符可以是任意unicode字母包括（数字、字母、大小写），以及美元符号（$）和下划（—）;数字、*号不允许出现在第一位；关键字不允许当标识符；定义变量加varvar(声明变量) a（变量名）;for 循环字符串（string）可以是单引号也可以双引号:var str="";
2015-10-13 23:38:19
392
原创 bootstrap+css属性
xs 手机sm 平板md 大屏幕container 实现居中bootstrap样式small标签设置文本为父容器与字体大小的85%文字变颜色 鼠标移动到文字上颜色变深用a标签address文字换行有空格内嵌列表： 设置class="list-unstyled" class="list-inline"插入图片两边箭
2015-10-12 23:23:35
541
原创 css图片设置居中
display:none 隐藏display:block 显示伪类target 锁定锚点IE很多不支持margin值居中，可以在后面或者设置text-align:center;图片或文字在auto值居中，后缀加text-align:center;布局：
2015-10-12 23:06:56
519
原创 Less定义
#9.29####引入文件####定义空间文本类####text_namespace{####.font(@size,@style,@weight){####font-size:@size;####font-style:@style;####font-weight:@weight;}}####.text(@color,@spacing,@dec){###
2015-09-30 00:41:51
811
原创 CSS盒模型
#9.18#CSS盒模型###padding 内边距padding-toppadding-right padding-bottom padding-left 值不能为负数####边框属性* border 针对边框四个边的属性的声明* border-style设置所有边框的样式* border-width设置所有边框的宽度
2015-09-20 23:34:04
321
原创 css选择器
##9.16#####text-align 对齐元素中的文本 * left 把文本排列到左边 * right 把文本排列到右边 * center 把文本排列到中间 * justify 实现两端对齐文本效果 ######伪类选择器* ：link----未访问的链接* ：visited----已访问的链接* ：hover----鼠标移至的链接* ：activ
2015-09-17 01:20:59
301
原创 html5
9.15HTML5email url number range * date - 选取日、月、年 * month - 选取月、年 * week - 选取周和年 * time - 选取时间（小时和分钟） * dateti
2015-09-16 00:22:35
280
原创 表格属性
9月14日知识点XHTML表格数据* table>表格 table border>表格边框宽度* cellpadding>单元格与内容之间的空白* cellspacing>单元格与单元格之间的空白* tr>行* td>单元格* th>文本标题加粗* td style="font-weight:border">名称/td>(加粗字体）* tfont>表尾* 如
2015-09-15 01:09:28
426
原创 2015年9月11日
9.11日笔记第一章B/S结构Web应用程序工作原理Web应用程序的基本组成部分网页* 网页的表现部分：虽然定义了结构，但是内容还是原来的样式没有改变，例如标题字体没有变大、正文的颜色也没有变化、没有背景、没有修饰。字体大小、字体颜色、版面布局、背景等等，所有这些用来改变内容外观的东西，我们称之为“表现形式”。在网页中，用来对编写文档表现形式的语言是CSS（层叠样式表）——这种
2015-09-13 22:15:36
423
原创 2015年9月10日
2015年9月10日笔记 Axcur动态设置汇总图标设置——点击图标图片向左滑动步骤：选中该图标（命名为图标1），同时选中“鼠标单击时”，→双击用例1→设置面板状态→选中“图标1”→进行进入的方式（滑入滑出淡入淡出等的设置）→确定——鼠标移至圆圈处，动态图片相应的变化（命名为圆圈1，圆圈2，圆圈3等，动态1，动态2等） 步骤：选中“圆圈1”，选中“鼠标移入时”，
2015-09-11 00:04:08
447
原创 2015年9月9日
2015年9月9日课堂知识总结知识点：Axure， Mark Man 一.Axure * 这个软件导入格式为PNG的时候，背景有时会变成黑色的（接下） * 解决办法是导入图片的时候，如果图片过大（接下） * 它会提示你“ 图片过大，加载会缓慢，是否优化----选者 否” ，就解决了导入PNG格式背景黑色的图片二.Mark Man
2015-09-10 00:21:55
746
原创 2015年9月8日
9月8日课堂知识1 .熟悉PS基础工具和用途 * 矩形选框工具 * 套索工具 * 魔棒工具 * 前景的设置 * 切片工具 * 油漆和渐变 * 滤镜和选择工具的用处2 .课堂练习实践操作 * 使用图形叠加画图形，然后填充各种不同的颜色，创建图层 * 使用正方形画图，然后使用渐变填充，添加文字，进行文
2015-09-09 02:15:24
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人