展开菜单

jquery阻止事件冒泡的代码

在js中,click、mouseove等称为事件。事件冒泡即是触发了这些事件产生的效果,禁止事件冒泡即是就算触发了这些事件也不会产生事件原有的效果。 事件冒泡大致分为两种,一种是HTML标签的默认行为,如a标签超链接跳转、form表单提交等;另一种是人为的给元素绑定某类事件,如click点击事件。因此阻止事件冒泡也分为两种代码 HTML代码: <div class="go"> <a href="http://www.neirong.org/">跳转</a> </div> <div class=...

CSS修改表单输入框placeholder属性文字颜色

placeholer是HTML5新增属性,规定可描述输入字段预期值的简短的提示信息,IE10+、Firefox、Opera、Chrome 和 Safari 浏览器支持该属性。 针对不同浏览器修改placeholder属性样式的代码如下 input::-webkit-input-placeholder{ color:#f00; opacity:1; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#f00; opacity:1; } input:-moz-placeholde...

js判断是否是IE浏览器(支持IE10、IE11)

IE11已经不支持document.all 由于IE11的userAgent已经没有MSIE标志,因此使用在IE11已经无法使用window.navigator.userAgent判断当前浏览器是否为IE浏览器了,当然如果不需要检测IE11就没影响。下面是新的判断IE6~IE11浏览器的代码。 function isIE(){ if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } $(function(){ if(i...

微信小程序前端开发:底部导航配置属性Tabbar教程

微信小程序前端开发:底部导航配置属性Tabbar教程

Tabbar是固定在页面底部的导航栏的配置属性,下面是添加方法及参数说明。 注意: Tabbar导航栏至少需要添加2个菜单,最多五个,否则会报错。 一般代码结束符号是;分号,小程序代码的结束符号是,逗号。 编辑全局配置文件app.json,在第一层花括号{}里添加代码(参数在后面) "tabBar":{ "color":"#333333", "selectedColor":"#128ff9", "borderStyle":"black", "list":[ ...

CSS去掉Firefox、Chrome浏览器button标签点击出现的边框

HTML标签button,在Firefox浏览器中,鼠标点击时会出现虚线边框,而在Chrome浏览器则会出现蓝色边框,但可以通过CSS属性去除。 button {outline:none;} button:focus {outline:none;} /*IE、Chrome*/ button::-moz-focus_inner {border-color:transparent;} /*Firefox*/

jquery向上滚动新闻鼠标悬停效果实现代码

新闻自动向上滚动效果,鼠标悬停在新闻上时,停止滚动,鼠标离开则恢复滚动状态。方法是通过setInterval()和clearInterval()两个函数实现。 HTML代码 <div class="express"> <ul> <li><a href="#" title="滚动新闻标题一">滚动新闻标题一</a></li> <li><a href="#" title="滚动新闻标题一">滚动新闻标题二</a></li> <l...

响应式移动端网页下拉式导航HTML+jQuery+CSS代码

响应式移动端网页下拉式导航HTML+jQuery+CSS代码

响应式Web网页小屏设备访问时,点击导航按钮,下拉显示网页导航的效果代码。 HTML代码 PS:HTML代码中的<i class="fas fa-home"></i>使用的是FontAwesome字体图标,可以选择删除。 <header class="header"> <h1 class="logo"> <a title="Web前端" href="http://www.neirong.org/" style="background-image:url(http://www.n...

jquery插件owl.carousel.js实现时间轴切换效果的发展历程

jquery插件owl.carousel.js实现时间轴切换效果的发展历程

owl carousel是款响应式的轮播图插件,功能完善,参数丰富,使用该插件可以实现各种轮播切换效果,比如时间轴型的公司发展历程。效果如下: 下面代码基于jquery-3.3.1和Owl Carousel v2.3.4版本实现,插件文件可以在GitHub下载。 Github主页:https://github.com/OwlCarousel2/OwlCarousel2 1、引入插件文件: <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" m...

jquery禁止/启用滚动条滚动的代码

禁止浏览器窗口滚动的同时保留滚动条,以及滚动条被禁止滚动后,再次启用滚动条滚动的jquery代码如下: /**禁用滚动条**/ function unableScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) } /**启用滚动条**/ function enableScroll() { $(document).unbind("scroll.unable");...

HTML使用include file引用文件的用法教程

在.shtml静态页面中使用#include可以引入另一个html文件,从而实现做静态整站html网页时,实现公用文件的提取,被包含的文件可具有任何文件扩展名,不少人喜欢使用.inc扩展名文件。 注意: 使用#include命令必须开启服务器的ssi服务(全称Server Side Include),即使用映射到SSI解释器的文件扩展名,否则Web服务器是不处理该命令的。 默认情况下,扩展名.stm、.shtm和.shtml将映射到解释器 (Ssinc.dll)。如果安装了Internet服务管理器,则可以修改默认扩展映射并添加新的映射。 ...

jquery判断数组中是否存在指定的值的方法$.inArray()

$.inArray()方法用于在数组中搜索指定的值,并返回数组中该指定值的索引值,如果数组中不存在指定的值,则返回-1。 语法 $.inArray( value, array [, fromIndex ] ) 示例一: 返回索引值 var arrayStr = ['a','b','c']; alert($.inArray('a', arrayStr)); 返回索引值为0 示例二: 判断指定值是否存在 var arrayStr = ['a','b','c']; if($.inArray('a',a...