js兼容性错误导致没有办法留言 发布时间: 2022-05-02 16:09:29 评论数: 0
这两天小松觉得有点奇怪,怎么都没有人留言了,小松平时都喜欢用chrome浏览器,发现留言没有什么问题,今天偶然的一个机会,在火狐游览器了查看了一下我的网站,发现,代码插件没有加载,评论的滚动条也没有加载导致没有办法留言,于是打算解决一下这个问题,先看一下错误的截图 错误一:代码插件没有使用 错误二:评论的插件也没有使用 结果发现这个添加的event.keyCode代码有兼容性问题 提示错误 错误: 无法获取属性“keyCode”的值: 对象为 null 或未定义 keyCode错误网上找到的方法 var e = window.event; if (e.keyCode) { ......
fullPage.js插件使用 发布时间: 2022-05-02 14:47:45 评论数: 0
fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等使用方法1、引入文件<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1 ......
CSS样式之overflow属性 发布时间: 2022-05-02 11:16:26 评论数: 0
overflow 属性规定当内容溢出元素框时发生的事情。所有主流浏览器都支持 overflow 属性。当然任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。先上代码div { overflow:scroll; }可以设置的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性 ......
根据链接的内容不同,定制不同的CSS样式 CSS之特殊用法 发布时间: 2022-05-01 04:33:44 评论数: 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 ......
angularjs select option默认值 发布时间: 2022-04-30 19:42:10 评论数: 0
今天又被一个angularjs的一个问题给难住了,有花了比较多的时间去解决 select option ng-repeat多空白项 这文章里讲了怎么解决添加页面的option多出来的问题 在修改页面里我也是安装这个方法去处理,但是不行,给ng-model附上值就是显示不了默认值,最后在自己的摸索下解决了这个问题 正确方面 <select ng-model="posts.website" ng-options="c.websites_id as c.websites_name for c in posts.websites" class="form-control" ng-se ......
javascript 手机手势动作touch触屏原理分析 发布时间: 2022-04-29 15:21:10 评论数: 0
之前我们做过许多触屏的特效,那么,今天,我们来分析下js的触屏原理。我们今天以实例来说明吧。在实现触屏中,我们必须采用js的addEventListener,接着加上 touchstart,touchmove,touchend。今天我们的代码里加上了jquery,只不过是用来获取ID及CSS,呵呵,毕竟,JQ大 家都在用。但对于事件的添加,大家还是得用document,getElementById这种模式,因为这东西只有JS才有,JQUERY里并没有 TOUCH这样的东西。大家可以看到,在代码里有这句话,e.preventDefault(),假设不写这一句,你在触屏的时候,页面 ......
新手入门响应式布局--响应式布局的那些事儿 发布时间: 2022-04-28 23:26:09 评论数: 0
讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效 果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可 ......
javascript根据html内容中的hn标题生成目录树 发布时间: 2022-04-27 12:07:57 评论数: 0
原始html如下<div id="wrapper"> <h1>x</h1> <h2>xx</h2> <h3>xxx</h3> <h4>xxxx</h4> <h5>xxxx</h5> <h2>xx</h2> <h3>xxx</h3> <h4>xxxx</h4> <h3>xxx</h3> <h4>xxxx</h4> <h5> ......
chrome font-size不能设置小于12 发布时间: 2022-04-27 09:27:54 评论数: 0
今天有同学在群里问题,font-size设置成小于12不起作用针对这个问题我我进行了测试 测试代码 <div style="font-size:12px">小松博客</div> <div style="font-size:10px;">小松博客</div> 用chrome打开果然大小是一样的 于是百度一下查找一下相关解决方法 方法一 添加css样式 -webkit-text-size-adjust: none; 但是最新版本的google浏览器已经不支持-webkit-text-size-adjust 方法二 使用css缩放添加css ......
JavaScript之jQuery根据name的相关选择操作 发布时间: 2022-04-25 20:04:39 评论数: 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 ......
又地震了.一个前端代码。通过CSS让整个网页变黑白 发布时间: 2022-04-25 17:46:27 评论数: 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 ......
npm换镜像 发布时间: 2022-04-24 03:04:28 评论数: 0
npm是什么在【什么是nodejs】的时候已经介绍过了,今天在安装express的时候发现错误,错误详情如截图 看错误的提示是网络连接不上 于是网上搜索了一下看怎么解决,找到3个方法把镜像修改到淘宝的镜像 ①通过config命令 npm config set registry https://registry.npm.taobao.org npm info express (如果上面配置正确这个命令会有字符串response) ②命令行指定 npm --registry https://registry.npm.taobao.org info express ③编辑 ~/.np ......
webUploader实现一个页面调用多个上传实例 多个上传按钮 对应到多个表单值 发布时间: 2022-04-23 14:38:52 评论数: 0
现在需要在同一个页面中,有多个类似于这样的表单,每个表单对应一个上传按钮。上传完后,将返回的值传入到对应的表单中。直接贴代码/* --上传组件开始-- */ var uploader = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // swf文件路径 swf: STATIC_URL + 'webuploader/Uploader.swf', server: WWW_URL + 'public/upload?type=images', // 内部根据当前运行是创建,可能是i ......
纯 CSS 创建各种不同的图形形状 发布时间: 2022-04-22 11:10: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; ......
jquery 动态添加的元素绑定事件 发布时间: 2022-04-21 07:32:42 评论数: 0
最近在做一个项目,遇到一个问题jquery添加的DOM元素,侦听click事件的时候无法侦听到,百度了一下解决方法 jquery 1.7版以前使用live动态绑定事件 $('.clickme').live('click', function() { alert("www.phpsong.com"); }); $('.clickme').bind('click', function() { alert("www.phpsong.com"); }); jquery 1.7版以后使用on动态绑定事件 $("body").on("click", ".clickme", functi ......
div+css按比例布局:宽度为百分比高度自动等比正方形的实现方式 发布时间: 2022-04-21 01:18:32 评论数: 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操作文本域中回车或ctrl+enter提交代码 alt+enter为换行 发布时间: 2022-04-21 00:44:56 评论数: 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 ......
textarea标签中resize缩放属性的设置 发布时间: 2022-04-19 20:40:01 评论数: 0
CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。一般情况下,textarea是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Web ......
介绍4个js插件 发布时间: 2022-04-19 13:28:38 评论数: 0
这两天小松在做一个系统,有点类似于报表的系统,应该是系统,前端没有参与,里面的一些插件要自己找,我现在把要用到的插件介绍一下,主要是怕之后忘记 ①layer layer web弹层组件 官方网站:http://layer.layui.com/ 官方有实例代码有demo,使用起来还是不错的 我主要用到了iframe窗,来显示另一个页面 ②highcharts 功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库 中文官方网站http://www.hcharts.cn/ 我主要用了显示曲线图 ③svg 地图 svgMap是一个基于Raphael的SVG地图组件,可以兼容ie ......
异步传输上传文件javascript库AjaxUploadFile.js 发布时间: 2022-04-18 08:23:31 评论数: 0
异步传输上传文件javascript库 主文件:AjaxUploadFile.js功能: 1.单文件上传 2.多文件上传 3.普通数据提交 4.可选返回数据json(默认),xml,text 5.支持XMLHttpRequest大多数事件 6.上传超时设置 7.取消上传说明:纯javascript编写,不依赖任何其他插件兼容性说明:由于使用到FormData伪表单对象,所以,ie10以下版本不支持 其他浏览器高版本才支持用法1.引用主要文件<script type="text/javascript" src="./js/ajaxUploadFi ......


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