textarea标签中resize缩放属性的设置 发布时间: 2021-02-16 22:13:41 评论数: 0
CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。一般情况下,textarea是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Web ......
手机浏览器中弹窗式触屏相册及源码 发布时间: 2021-02-16 17:51:27 评论数: 0
今天,我们再来介绍一个触屏特效,我记得上周我们做过一个触屏相册,那么,我们今天再来加点难度。我们以前在浏览网站详情页面的时候,经常会看到这样一种效果,当你点击一张图片时,会将其它图片以弹窗的模式显示,接着,你可以通过上下按钮,实现图片的切换。那,手机上如何实现?我排列了这样一组小图,当我点击的时候,我通过JQUERY将所以图片放到id为imgs里,接着,通过定位技术,将图片显示出来:关于点击哪张图片出现哪张的效果,我是通过上面的代码实现的,接着,用户可以实现左右切换,我们在上面也加上了计数的功能。在这里,我们使用了touchSwipe这个脚本,我们用这个脚本,可以实现简单的sw ......
jQuery引起myQaptcha的bug 发布时间: 2021-02-15 23:37:14 评论数: 0
今天在网上溜达的的时候发现了一篇文章myQaptcha需要jquery 1.8.3的版本不然会有兼容性问题 原来,该插件的作者就表示过,插件运行的时候,调用的是主题自带的JQuery文件,并不是调用自身JQuery文件。建议下载下面提供的JQuery 1.8.3版本,于是赶紧检查了一下我的Query版本 发现是1.7.2的版本 之前使用的时候基本没有问题,于是反复测试了功能,发现在使用的时候如果滑块往下拉,滑块就不见了,这尼玛就是bug, 于是赶紧把jquery的版本升级到1.8.3,官网上不好找这个版本,其他网站上的不靠谱,于是想到了百度的公共库, # 果然找到了 升级之后没有这 ......
JS判断客户端系统 让ipad iphone 等手持设备自动跳到手机版 发布时间: 2021-02-15 11:55:03 评论数: 0
我相信,不是所有的代码都需要在服务端完成!好比,好比判断是不是手机客户端当然这个并不是特别的准确,但可以99%吧!希望大家用得上if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace("https://www.lvtao.net") }不用多说吧!!! 呵呵... ......
用原生JavaScript实现jQuery的$.getJSON、AJAX 的GET、POST 发布时间: 2021-02-14 08:01:35 评论数: 0
AJAXfunction AJAX() { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { try{ xhr = new ActiveXObject('Microsoft.XMLHttp'); }catch(e){ xhr = new ActiveXObject('msxml2.xmlhttp'); } ......
一个很好用的时间插件,可以带小时分秒 发布时间: 2021-02-13 19:49:24 评论数: 0
今天开发的功能中需要带的时间控件,于是上百度找,发现一个My97DatePicker的控件很好用就而且带了小时分秒 接下来介绍一下这个插件和怎么使用 首先下插件 下载地址:http://files.cnblogs.com/my97/My97DatePicker.rar 也可以从官方下载http://www.my97.net/dp/down.asp 目前最后版本:2011-04-08 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的 ......
div+css按比例布局:宽度为百分比高度自动等比正方形的实现方式 发布时间: 2021-02-13 18:35:59 评论数: 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: ......
标题党:精通 JavaScript中的正则表达式 发布时间: 2021-02-12 00:07:31 评论数: 0
正则表达式可以:测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。创建正则表达式var re = n ......
css文字图片input垂直居中 发布时间: 2021-02-11 15:21:15 评论数: 0
做php的必须会点css,不然在工作中麻烦会比较多。今天在做一个项目的时候,前端给过来的页面样式不对,没有按照需求文档来,如果让前端在修改,那么我可能我写php代码来不及,而且别人还不会马上处理。于是自己花了半天时间来做这个事,其中遇到的麻烦事是垂直居中的问题,下面是我写的css文字图片input垂直居中的一个案例,下面是预览图和代码 <style> .shuli{ width:500px; height:50px; line-height:50px; border:1px solid #F00;display:table;} .shuli a{ margin:0p ......
CSS样式之overflow属性 发布时间: 2021-02-10 12:38:55 评论数: 0
overflow 属性规定当内容溢出元素框时发生的事情。所有主流浏览器都支持 overflow 属性。当然任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。先上代码div { overflow:scroll; }可以设置的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性 ......
Jquery手机号验证-检测输入离开或完成-倒计时等一通功能For用户注册表单 发布时间: 2021-02-09 13:46:26 评论数: 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> ......
提示express不是内部命令 发布时间: 2021-02-09 11:10:50 评论数: 0
用命令全局安装express npm install -g express 安装express之后发现执行 express --help 提示不是内容命令 于是百度了一下 express 4.x版本中将命令工具分出来了,需要再安装一个命令工具,执行命令 npm install -g express-generator 之后在执行,就成功了   ......
根据链接的内容不同,定制不同的CSS样式 CSS之特殊用法 发布时间: 2021-02-09 01:52:33 评论数: 0
CSS还可以这样用、你知道吗?利用CSS给链接添加一个ICO图标a[href$='.zip'], a[href$='.rar'], a[href$='.gzip']{background:transparenturl(images/zip.png)center right no-repeat;display:inline-block;padding-right:35px;}a[href$='.pdf']{background:transparenturl(images/pdf.png)center left no-repeat;display:inline-block;padd ......
javascript 模板引擎artTemplate 发布时间: 2021-02-07 23:26:05 评论数: 0
artTemplate新一代 javascript 模板引擎=================artTemplate 是新一代 javascript 模板引擎,它在 v8 中的渲染效率可接近 javascript 性能极限,在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍(性能测试)。引擎支持调试。若渲染中遇到错误,调试器可精确定位到产生异常的模板语句,解决前端模板难以调试的问题(详情)。另外,artTemplate 的模板还支持使用自动化工具预编译,这一切都在 2KB(Gzip) 中实现!快速上手编写模板使用 ......
百度地图加载闪烁点坐标问题 发布时间: 2021-02-07 12:32:41 评论数: 0
最近有一个需求要用到百度地图的闪烁点,官网给出来的demo链接http://lbsyun.baidu.com/jsdemo.htm#c1_6 所有百度地图的demo本地运行都需要自己的密匙 ①有同学问为什么demo复制到本地没有显示闪烁点 if (document.location.host === 'developer.baidu.com') { var url = "http://lbsyun.baidu.com/jsdemo/data/data"; } else { var url = "../data/data"; } 首先demo给出来的上面一段代 ......
又地震了.一个前端代码。通过CSS让整个网页变黑白 发布时间: 2021-02-05 19:37:16 评论数: 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 ......
触屏手机上WAP站点中TAB菜单的设计及源码 发布时间: 2021-02-05 05:00:56 评论数: 0
现在手机网页越来越多,我们可以先看下两个地址:“http://3g.ifeng.com/”,“http://3g.163.com/touch/”,我们都会发现有一个共同的特点,就是TAB菜单,对于这种相当传统的特效,我们在之前做过许多,但在手机上,我们会发现它有新的生命力。如果只是考虑上面的点击,那就是TAB菜单了,只不过这个TAB菜单是全屏切换的,但如果你在手机上体验,会发现,手滑动是可以实现切换,这个手势在手机网页上叫“swipe”,触屏技术也促进了我们前端技术的发展。细心的朋友,可能会注意到,当你切换的时候,下面的按钮标题也会跟着变,而且URL也会跟着变,这样,你切换后, ......
bootstrap防的网站 发布时间: 2021-02-04 13:09:04 评论数: 0
今天发现一个前端的好东西,bootstrap 然后看了一天的bootstrap文档,于是决定用bootstrap做个东西 这个一个仿sammydress的网站,具体的看截图 下面给出git的下载的地址,怎么用git连github请看Git链接到自己的Github git@github.com:QiuCarson/bootstrap.git 下载地址在github上 不会git的朋友可以 # 下载压缩包 ......
一个自定义右键菜单的javascript插件 发布时间: 2021-02-03 11:27:08 评论数: 0
mousemenu一个自定义右键菜单的javascript插件/* * 右键菜单对象 Object * var r=new mousemenu(obj);//-----------------------创建右键菜单对象 * r.addOption(str,callback);//----------------------添加一个菜单项 * r.addLine();//------------------------------------创建一条分隔线 * r.addSecondOption("OptionStr",{SecondOpti ......
纯 CSS 创建各种不同的图形形状 发布时间: 2021-02-02 17:15:55 评论数: 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; ......


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