- 博客(27)
- 收藏
- 关注
原创 点击图片让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 10422
原创 侧边栏选中与取消
$(".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 921
原创 子环母图片依次放大,主图保持原状
<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 453
原创 改变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 493
原创 公告栏文字上下滚动效果
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 3411
原创 兼容ie8圆角和阴影效果的方法
引入文件:调用Jquery内容:script> window.onload = function(){ if(window.PIE){ $(".class").each(function(){ PIE.attach(this) }); } };script>如果在设置了这些之后
2016-04-01 16:47:18 3806
原创 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 362
原创 基于bootstrap的网页开发
1.html5shiv.js的作用是? html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。2.width指令使用device-widt
2016-03-14 13:16:14 340
原创 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 849
原创 正则/对象
正则表达式(用来查找和检测)方括号[]==需要匹配的字符 花括号{}==需要匹配的数量 圆括号()==用来进行分组caret ^ 表示开始 dollars $ 表示结束 + 表示多个 * 表示0个或者多个 ? 表示0个或者1个 正则^取反[^abc]正则表达式空格也算字符查找数字 \d===[0-9]单词字符 \w=
2015-10-26 23:05:26 389
原创 window对象
window对象 (浏览器对象)window{Dounment 使我们可以从脚本中对HTML页面中的所有元素进行访问; {history 包含用户(在浏览器窗口中)访问过的URL; {location 包含有关当前URL的信息; {navigator 包含有关浏览器的信息; {screen 包含有关客户端显示屏幕的信息;
2015-10-20 22:01:48 433
原创 DOM对象(document)
DOM对象(文档对象模型)属性: document title 访问页面的标题 document URL 访问完整的URL document bgcolor 背景颜色 document fgcolor 前景色 改变标题的值: document.title="" *代表所有的标签(文档)
2015-10-20 21:59:06 727
原创 函数
#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 446
原创 数组
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 339
原创 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 354
原创 js基础
10.13//为当行的注释;/**/多行注释;合法标识符:第一个字符可以是任意unicode字母包括(数字、字母、大小写),以及美元符号($)和下划(—);数字、*号不允许出现在第一位;关键字不允许当标识符;定义变量加varvar(声明变量) a(变量名);for 循环字符串(string)可以是单引号也可以双引号:var str="";
2015-10-13 23:38:19 404
原创 bootstrap+css属性
xs 手机sm 平板md 大屏幕container 实现居中bootstrap样式small标签设置文本为父容器与字体大小的85%文字变颜色 鼠标移动到文字上颜色变深用a标签address文字换行有空格内嵌列表: 设置class="list-unstyled" class="list-inline"插入图片两边箭
2015-10-12 23:23:35 556
原创 css图片设置居中
display:none 隐藏display:block 显示伪类target 锁定锚点IE很多不支持margin值居中,可以在后面或者设置text-align:center;图片或文字在auto值居中,后缀加text-align:center;布局:
2015-10-12 23:06:56 536
原创 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 821
原创 CSS盒模型
#9.18#CSS盒模型![](1.png)###padding 内边距padding-toppadding-right padding-bottom padding-left 值不能为负数####边框属性* border 针对边框四个边的属性的声明* border-style设置所有边框的样式* border-width设置所有边框的宽度
2015-09-20 23:34:04 333
原创 css选择器
##9.16#####text-align 对齐元素中的文本 * left 把文本排列到左边 * right 把文本排列到右边 * center 把文本排列到中间 * justify 实现两端对齐文本效果 ######伪类选择器* :link----未访问的链接* :visited----已访问的链接* :hover----鼠标移至的链接* :activ
2015-09-17 01:20:59 308
原创 html5
9.15HTML5email ![](email.png)url![](url.png) number ![](number.png)range ![](range.png)* date - 选取日、月、年 * month - 选取月、年 * week - 选取周和年 * time - 选取时间(小时和分钟) * dateti
2015-09-16 00:22:35 287
原创 表格属性
9月14日知识点XHTML表格数据* table>表格 table border>表格边框宽度* cellpadding>单元格与内容之间的空白* cellspacing>单元格与单元格之间的空白* tr>行* td>单元格* th>文本标题加粗* td style="font-weight:border">名称/td>(加粗字体)* tfont>表尾* 如
2015-09-15 01:09:28 437
原创 2015年9月11日
9.11日笔记第一章B/S结构Web应用程序工作原理Web应用程序的基本组成部分网页* 网页的表现部分:虽然定义了结构,但是内容还是原来的样式没有改变,例如标题字体没有变大、正文的颜色也没有变化、没有背景、没有修饰。字体大小、字体颜色、版面布局、背景等等,所有这些用来改变内容外观的东西,我们称之为“表现形式”。在网页中,用来对编写文档表现形式的语言是CSS(层叠样式表)——这种
2015-09-13 22:15:36 430
原创 2015年9月10日
2015年9月10日笔记 Axcur动态设置汇总图标设置——点击图标图片向左滑动步骤:选中该图标(命名为图标1),同时选中“鼠标单击时”,→双击用例1→设置面板状态→选中“图标1”→进行进入的方式(滑入滑出淡入淡出等的设置)→确定——鼠标移至圆圈处,动态图片相应的变化(命名为圆圈1,圆圈2,圆圈3等,动态1,动态2等) 步骤:选中“圆圈1”,选中“鼠标移入时”,
2015-09-11 00:04:08 454
原创 2015年9月9日
2015年9月9日课堂知识总结知识点:Axure, Mark Man 一.Axure * 这个软件导入格式为PNG的时候,背景有时会变成黑色的(接下) * 解决办法是导入图片的时候,如果图片过大(接下) * 它会提示你“ 图片过大,加载会缓慢,是否优化----选者 否” ,就解决了导入PNG格式背景黑色的图片二.Mark Man
2015-09-10 00:21:55 765
原创 2015年9月8日
9月8日课堂知识1 .熟悉PS基础工具和用途 * 矩形选框工具 * 套索工具 * 魔棒工具 * 前景的设置 * 切片工具 * 油漆和渐变 * 滤镜和选择工具的用处2 .课堂练习实践操作 * 使用图形叠加画图形,然后填充各种不同的颜色,创建图层 * 使用正方形画图,然后使用渐变填充,添加文字,进行文
2015-09-09 02:15:24 558
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人