JavaScript操作文本域中回车或ctrl+enter提交代码 alt+enter为换行 发布时间: 2021-07-27 23:38:22 评论数: 0
js 文本编辑框快捷键,enter和ctrl+enter操作,alt+enter为换行$("textarea").keydown(function(event) { if (event.altKey && event.keyCode == 13) { var e = $(this).val(); $(this).val(e + '\n'); } else if (event.ctrlKey && event.keyCode == 13) { event.returnValue = f ......
div+css按比例布局:宽度为百分比高度自动等比正方形的实现方式 发布时间: 2021-07-27 08:44:44 评论数: 0
第一种方案效果css文件body { width: 100%; font-size: 0; text-align: center; } div { display: inline-block; width: 20%; background: green; font-size: 12px; position: relative; vertical-align: middle; } div:nth-child(2n) { background: orange; } div:before { content: ""; display: ......
jquery资源分享弹层layer 发布时间: 2021-07-27 02:55:11 评论数: 0
今天推荐一个jquery的弹层layer,目前项目中的弹层都是用layer layer提供了五种模式的层,分别为:信息框、页面层、iframe层、加载层、tips层,而layer.ext.js提供的拓展层是在这五种模式的基础上创建的。 官方网站:http://layer.layui.com/ 使用方法 使用组件时,请将layer整个文件夹放置您项目的任何一个目录下,请务必不要移动layer默认的文件结构,否则将无法运行。部署完后,您只需在页面引入layer.min.js即可(当然,别忘了引入jquery,必须使用jquery1.8或以上) layer还支持自己定制样式 我做过一个样式 ......
Jquery手机号验证-检测输入离开或完成-倒计时等一通功能For用户注册表单 发布时间: 2021-07-24 17:41:49 评论数: 0
直接看图上代码<form method="post" onsubmit="return checkForm(this)"> <div class="ant-row ant-form-item"> <div class="ant-col-6 ant-form-item-label"> <label for="username" class="ant-form-item-required" title="用户名">用户名</label></div> ......
又地震了.一个前端代码。通过CSS让整个网页变黑白 发布时间: 2021-07-24 02:41:34 评论数: 0
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns="\'http://www.w3.org/2000/svg\'"><filter id="\'grayscale\'"><feCol ......
3款html5写的经典游戏 发布时间: 2021-07-23 18:17:23 评论数: 0
在上面一篇文章的留言中我讲过今天要发一篇html5做的游戏 今天主要是在百度里找的有意思,比较经典的游戏 1、HTML5版切水果游戏 这是一块手机端一段时间内比较热门的邮件,今天出里html5版本,是有百度JS小组提供的,本人试玩了一下,画面上和游戏上几乎一模一样 试玩一下HTML5版切水果游戏 源码下载 2、HTML5中国象棋游戏 手机客户端上中国象棋版本非常多,网页版的你一定第一次看到吧,本人试过机器还是很牛逼的,玩了一局,结果我输了 试玩一下HTML5中国象棋游戏 源码下载 3、HTML5超级玛丽游戏 超级玛丽是我们小时候经常玩的游戏,现在出网页版了,刚开始加载会慢点,感觉 ......
JavaScript 语言基础知识点总结 发布时间: 2021-07-22 14:37:50 评论数: 0
1.JavaScript数组2.JavaScript 函数基础3.Javascript 运算符4.JavaScript 流程控制5.JavaScript 正则表达式6.JavaScript 变量7.JavaScript 字符串函数8.DOM 基本操作 ......
Javascript严格模式use strict 发布时间: 2021-07-21 11:11:41 评论数: 0
今天在修改之前的doc系统的【推荐阅读:小松api文档系统终于完成】主要是把控制器按模块分文件,主要用到requirejs去加载各个文件,发现一了use strict严格模式 为什么使用严格模式 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; 消除代码运行的一些不安全之处,保证代码运行的安全; 提高编译器效率,增加运行速度; 为未来新版本的Javascript做好铺垫 严格模式使用方法 直接在代码中添加 "use strict"; 使用严格模式下面的情况都会报错 使用未声明的变量 删除变量或对象 变量重名 使用转义字符 对只读属性赋值 对一个使用getter ......
纯 CSS 创建各种不同的图形形状 发布时间: 2021-07-21 05:58:37 评论数: 0
矩形.rectangle { width: 250px; height: 150px; background-color: #6DC75F; } <div class="rectangle"></div>三角形.triangleUp { border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 150px solid #6DC75F; ......
一个简单好用处理键盘事件的Javascript工具库Kibo 使用方法 发布时间: 2021-07-20 06:05:40 评论数: 0
Kibo是一个简单的用于处理键盘事件的Javascript工具库。这个Javascript类库的特点是,它不但能监听普通的按键事件,它还能监听组合键和功能键,例如Ctrl+C,Shift+w。还有一个特点是,它把各种键都给符合化了,例如,如果你想监听[ctrl alt x]按键事件,你可以直接写成 k.down(‘ctrl alt x’, handler)。它还支持统配符,例如k.down(['any letter', 'any number'] handler),这就是监听任意的字母和数字的按键事件。加载进JS文件这货的下载地址是https://github.com/marq ......
新手入门响应式布局--响应式布局的那些事儿 发布时间: 2021-07-20 01:23:45 评论数: 0
讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效 果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可 ......
javascript禁用页面中退格键返回功能 发布时间: 2021-07-18 21:01:46 评论数: 0
在前端开发中,页面上退格键默认是具有返回功能,有时候我们并不想要这样的效果,需要禁用之。代码如下://禁用退格键返回功能 document.onkeydown = function(e) { e = e||event; if(e.keyCode == 8) { // 如果是在textarea内不执行任何操作 var obj = e.srcElement || e.target; var tag=obj.tagName.toLowerCase(); if(tag != "i ......
wordpress搜索伪静态【补充】 发布时间: 2021-07-18 04:12:00 评论数: 0
之前的文章讲过wordpress 搜索伪静态,但是我一直都没有放到自动的博客上 wordpress搜索页面伪静态 主要是自己不是很喜欢这个方式,通php301的方式来转换成伪静态。这种方式相当于执行了两次,第一次执行地址转换,第二次地址的搜索结果。那么可不可以只执行一次呢?当然可以,昨天处理了一下,看一下效果图 在搜索按钮上添加onclick事件,如下代码 onclick="return search_key();" 然后在网站任意位置添加下面的js代码 <script> function search_key(){   var value_key=$("#sear ......
textarea标签中resize缩放属性的设置 发布时间: 2021-07-18 03:02:14 评论数: 0
CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。一般情况下,textarea是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Web ......
JavaScript之jQuery根据name的相关选择操作 发布时间: 2021-07-15 22:29:08 评论数: 0
$("div[id]")选择所有含有id属性的div元素 $("input[name='lvtaonet']")选择所有的name属性等于'lvtaonet'的input元素 $("input[name!='lvtaonet']")选择所有的name属性不等于'lvtaonet'的input元素 $("input[name^='lvtao']")选择所有的name属性以'lvtao'开头的input元素 $("input[name$='lvtao']")选择所有的name属性以'lvtao'结尾的input元素 $("input[name*='lvtao']")选择所有的nam ......
angularjs 做修改页面遇到的问题 发布时间: 2021-07-15 20:07:41 评论数: 0
在做列表修改的时候遇到了2个大问题 ①列表点击修改按钮显示修改页面 刚开始想用ng-click做的,但是定义的方法传参数的时候折腾了一段时间, 下面是ng-repeat里怎么写参数 ng-click="edit(row.id)" 上面的方面比较麻烦,后来我修改成链接了 <a type="button" class="btn btn-success" ui-sref="main.posts.edit({id:row.posts_id})" >编辑</a> 当然也是捣鼓了很久 路由匹配那里要写成 .state("main.posts.edit", { ......
CSS样式之overflow属性 发布时间: 2021-07-15 02:04:45 评论数: 0
overflow 属性规定当内容溢出元素框时发生的事情。所有主流浏览器都支持 overflow 属性。当然任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。先上代码div { overflow:scroll; }可以设置的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性 ......
less 学习总结 发布时间: 2021-07-13 20:19:30 评论数: 0
最近在看less的时候,来总结一下学习的内容,目前很简单能看懂别人写的less,这就够了,学会下面的内容基本够用 ①less 可以用Koala来编译 Koala官方网站:http://koala-app.com/ ②less中的注释 /*注释内容*/ 会编译 // 不会编译 变量是已@开头定义如: @test_width:20px; .div_width{ width:@test_width } ③混合 .div_hunhe{width:20px} .div_hunhe1{ height:20px; .div_hunhe } ③混合带参数 .d ......
JS判断客户端系统 让ipad iphone 等手持设备自动跳到手机版 发布时间: 2021-07-13 11:50:29 评论数: 0
我相信,不是所有的代码都需要在服务端完成!好比,好比判断是不是手机客户端当然这个并不是特别的准确,但可以99%吧!希望大家用得上if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace("https://www.lvtao.net") }不用多说吧!!! 呵呵... ......
CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容 发布时间: 2021-07-13 03:43:34 评论数: 0
 CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。CSS兼容常用技巧请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案 ......


友情链接: php5000技术知识分享 github 码云 开源中国 csdn linux中国 阿里云 unix技术网 composer中文网 php packagist php python 安卓软件 大众源码 DevStore 猪八戒威客网 人人都是产品经理 PHPwind论坛 互联网的一些事 新客网 黑马程序员 火星时代 hao123it ThinkSNS 开源社区 51CTO学院 办事儿网 IT论坛 java教程 最代码 程序员客栈 大数据培训 小程序开发 微信小程序 php开发新闻 微信小程序 java学习 微信小程序 Linux书籍 网站ip流量 xw素材网 新浪云 腾讯云 华为云 百度 新浪 网易 淘宝 腾讯 1688 搜狐 优酷 房天下 hao123 携程 天涯社区