jquery插件owl.carousel.js实现商城产品图片展示效果

jquery响应式轮播图插件owl.carousel.js功能完善,参数丰富,可以改造成多种网页前端显示效果。比如常见的商城网站产品图片展示效果。 引用插件文件和样式文件 <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/> <script src="owl.ca...
Web前端开发 / / 5593次阅读
jquery插件owl.carousel.js实现商城产品图片展示效果

css中引入指定字体@font-face兼容各浏览器

网页制作中,如果想使用特定的字体可以通过@font-face引用,即是解决访问用户电脑本地没有安装该字体导致不能按设计样式显示的问题。 注意: 支持@font-face的浏览器有Internet Explorer 9、Firefox Opera、Chrome和Safari,另外IE9只支持.eot类型的字体,Firefox、Chrome、Safari、和Opera支持.ttf、.otf 两种类型字体。...
Web前端开发 / / 6319次阅读

jquery阻止事件冒泡的代码

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

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

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

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

IE11已经不支持document.all 由于IE11的userAgent已经没有MSIE标志,因此使用在IE11已经无法使用window.navigator.userAgent判断当前浏览器是否为IE浏览器了,当然如果不需要检测IE11就没影响。下面是新的判断IE6~IE11浏览器的代码。 function isIE(){ if (!!window.ActiveXObject || "ActiveXObj...
Web前端开发 / / 9505次阅读

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

Tabbar是固定在页面底部的导航栏的配置属性,下面是添加方法及参数说明。 注意: Tabbar导航栏至少需要添加2个菜单,最多五个,否则会报错。 一般代码结束符号是;分号,小程序代码的结束符号是,逗号。 编辑全局配置文件app.json,在第一层花括号{}里添加代码(参数在后面) "tabBar":{ "color...
Web前端开发 / / 4217次阅读
微信小程序前端开发:底部导航配置属性Tabbar教程

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*/...
Web前端开发 / / 5387次阅读

__autoload()函数和spl_autoload_register()函数说明

__autoload()函数在php7中已经被弃用,建议使用spl_autoload_register()函数代替。 1、__autoload()函数 这是一个自动加载函数,在PHP5中,当我们实例化一个未定义的类时,就会触发此函数。看下面例子: AutoLoad.php文件代码 <?php class AutoLoad { function getAoto() {...
乱七八糟 / / 3383次阅读

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

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

解决php7.3报错Deprecated: Function create_function() is deprecated

php 7.3版本不推荐使用create_function函数,在php 7.3中使用create_function()函数会有兼容性报错Deprecated: Function create_function() is deprecated,解决方法是替换掉该函数。 以wordpress的代码为例,原代码如下 add_action('widgets_init', create_function('', 'ret...
乱七八糟 / / 8570次阅读

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

响应式Web网页小屏设备访问时,点击导航按钮,下拉显示网页导航的效果代码。 HTML代码 PS:HTML代码中的<i class="fas fa-home"></i>使用的是FontAwesome字体图标,可以选择删除。 <header class="header"> <h1 class="logo"> <a title...
Web前端开发 / / 3427次阅读
响应式移动端网页下拉式导航HTML+jQuery+CSS代码