pc端
文章平均质量分 80
昌子玩前端
这个作者很懒,什么都没留下…
展开
-
纯CSS美化单复选框(checkbox、radio)
选择框样式label {font-size:12px;cursor:pointer;}label i {font-size:12px;font-style:normal;display:inline-block;width:12px;height:12px;text-align:center;line-height:12px;color:#fff;vertical-align:middle;原创 2017-03-29 16:36:19 · 774 阅读 · 0 评论 -
懒加载之jQuery图片延迟加载插件jQuery.lazyload
今天给大家介绍一个懒加载插件lazyload.js使用方法1.引用jquery和jquery.lazyload.js到你的页面2.html图片调用方法为图片加入样式lazy 图片路径引用方法用data-original...3.js $(function() { $("img.lazy").lazyload({原创 2017-07-06 10:34:52 · 893 阅读 · 0 评论 -
js滚动分页加载数据
实现理念:1.判断滚动条到底部触发加载函数2.请求数据3.追加数据html: 5条 无痕内裤女冰丝一片式中腰性感纯棉裆女士三角内裤大码薄款夏 ¥21.90 淘宝价:24.90元 努力加载中原创 2017-07-08 17:35:57 · 4705 阅读 · 0 评论 -
两种表单提交验证方法
1.直接绑定id进行判断 Appid: AppSecret: pid: js:$('#submitform').on('click',function(){ var appid=$('input[name="Appid"]').val(); var AppSecret=$('input[name="AppSecret"]').val原创 2017-08-14 01:06:58 · 413 阅读 · 0 评论 -
关于获取图片在网页加载后的高度
最近在做一个带有轮播的项目,轮播思想是根据获取图片宽度高度再赋值给轮播的div。看代码$(function(){var slidesImgWidth=$('.slides_img').width();var slidesImgHeight=$('.slides_img').height();$('#slider1_container ,#slides_items').width(sli原创 2017-08-25 16:35:26 · 1243 阅读 · 0 评论 -
如何让网页head里的title标题文字滚动起来
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf...原创 2018-04-08 16:05:18 · 6201 阅读 · 2 评论 -
关于a标签‘’禁止事件触发‘无效问题
最近在测试项目注册用户获取验证码的时候发现一个关于a标签的小bug目标:点击获取验证码,时间为60s,到0时提示重新获取。问题:重复点击时显示的时间会随点击次数而改变。js:function settime(obj) {if (countdown == 0) {$('#res_code_hit').removeAttr("disabled");$('#res_code_hit').text(...原创 2018-03-29 11:38:58 · 1697 阅读 · 0 评论 -
将远程image图片转base64编码
最近在开发微信网页项目上遇到一个小问题,canvas生成海报需要用到一张图片,而这张图片刚好是别的域名。为此function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; ...原创 2018-05-04 17:03:38 · 4570 阅读 · 0 评论 -
仿【数字】无限上下滚动增加数值-计数器-仿直播人数统计
css:.sdvm_num{! font-size: 14px;color:red;display:inline-block;vertical-align:middle;margin-left:8px;}.sdvm_num i{width:70px;height:52px;display:inline-block;background:url(../images/number1.png) ...原创 2018-09-18 17:14:21 · 2711 阅读 · 0 评论 -
Clipboard.js 无需Flash的JavaScript复制粘贴库
这篇文章主要介绍了JavaScript 内容复制(无需flash) Clipboard.js使用方法,需要的朋友可以参考下clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+官方网站:https://转载 2017-07-01 15:31:16 · 358 阅读 · 0 评论 -
CSS3之flex兼容
flex布局分为旧版本dispaly: box;,过渡版本dispaly: flex box;,以及现在的标准版本display: flex;。所以如果你只是写新版本的语法形式,是肯定存在兼容性问题的。Android 2.3 开始就支持旧版本 display:-webkit-box;4.4 开始支持标准版本 display: flex;IOS 6原创 2017-05-08 10:34:33 · 655 阅读 · 0 评论 -
< meta > 元素
概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 ——W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选属性转载 2017-03-30 15:55:06 · 216 阅读 · 0 评论 -
根据判断移动端还是pc端自动跳转页面
方法-:var browser = {versions : function() {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息 mobile : (!!u原创 2017-03-30 15:57:06 · 1949 阅读 · 0 评论 -
CSS 三角形绘制方法
今天给大家带来 CSS 三角形绘制方法代码如下:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;原创 2017-03-24 14:38:57 · 271 阅读 · 0 评论 -
点击带锚点的网址后,如何让网页位置向下偏移一小段距离
点击带锚点的网址后,如何让网页位置向下偏移一小段距离参照 stackoverflow 的做法,在主体内容前加一个暗锚a class="target-fix">a>artivle>主体内容...article>将锚点进行偏移,并隐藏占位:.target-fix { position: relative; top: -44px; // 偏移值 disp原创 2017-03-24 14:22:51 · 1249 阅读 · 0 评论 -
javascript-按圆形排列DIV元素(一)---- 分析
效果图: 一、分析图:绿色边框内:外层的DIV元素,相对定位;白色圆形框:辅助分析的想象形状;白点:为白色圆形的圆心点,中心点,点o;圆心角:角NOG;黄色:需要按圆形排列的,绝对定位的DIV元素;红色点:为每个黄色DIV的坐标点;即绝对定位时的元素,left值 和 top值 ,设置的点; 二、涉及到的概念定义:2.1、弧度:弧度是角转载 2017-03-24 14:35:28 · 1473 阅读 · 0 评论 -
用纯css改变下拉列表select框的默认样式
下面是解决方案。我们看到默认的下载选择框在firefox和chrome中是有些不同的Chrome 和 Firefox 中分别是这样的:其实用下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firef转载 2017-04-06 15:04:19 · 810 阅读 · 0 评论 -
正则的扩展
RegExp构造函数在ES5中,RegExp构造函数的参数有两种情况。第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。var regex = new RegExp('xyz', 'i');// 等价于var regex = /xyz/i;第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。var regex = new R转载 2017-04-06 15:08:09 · 182 阅读 · 0 评论 -
自适应网页设计
转载 2017-04-20 10:13:07 · 191 阅读 · 0 评论 -
让低版本ie兼容h5,以及兼容h5 video播放器
最近做项目因为面向学校,所以兼容刻不容缓。什么css3啊用着都是提心吊胆,为了让内心平静下来,能不用css3的尽量全干掉,一些动画都做成gif....当然还有一些必须要h5,然后就 脑瓜疼.....1.首页引入html5shiv.min.js,这个可以让恶心的低版本ie去支持h5,解决ie9以下浏览器对html5新增标签的不识别。<!--[if lt IE 9]>&...原创 2018-09-18 17:48:15 · 2461 阅读 · 0 评论