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*/
__autoload()函数和spl_autoload_register()函数说明
__autoload()函数在php7中已经被弃用，建议使用spl_autoload_register()函数代替。 1、__autoload()函数 这是一个自动加载函数，在PHP5中，当我们实例化一个未定义的类时，就会触发此函数。看下面例子： AutoLoad.php文件代码 <?php class AutoLoad { function getAoto() { echo 'hello world'; } } index.php文件代码 <?php function __auto...
jquery向上滚动新闻鼠标悬停效果实现代码
新闻自动向上滚动效果，鼠标悬停在新闻上时，停止滚动，鼠标离开则恢复滚动状态。方法是通过setInterval()和clearInterval()两个函数实现。 HTML代码 <div class="express"> <ul> <li><a href="#" title="滚动新闻标题一">滚动新闻标题一</a></li> <li><a href="#" title="滚动新闻标题一">滚动新闻标题二</a></li> <l...
解决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('', 'return register_widget("contact");')); 修改为 add_action('widgets_init', func...
响应式移动端网页下拉式导航HTML+jQuery+CSS代码
响应式Web网页小屏设备访问时，点击导航按钮，下拉显示网页导航的效果代码。 HTML代码 PS：HTML代码中的<i class="fas fa-home"></i>使用的是FontAwesome字体图标，可以选择删除。 <header class="header"> <h1 class="logo"> <a title="Web前端" href="https://www.tddx.net/" style="background-image:url(https://www.td...
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...
解决lnmp服务器环境访问php文件出现502 Bad Gateway错误问题
网站原来运行正常，突然出现 “502 Bad Gateway”页面，可能因为phpcgi进程不够用而造成502，一般php-cgi默认进程是5个，不够则需要修改/usr/local/php/etc/php-fpm.conf文件。 1、先查看php fastcgi的进程数，及max_children的值。 执行命令 netstat -anop | grep php-cgi | wc -l netstat -anpo | grep php-fpm | wc -l 2、查看当前程有多少个。 执行命令 ps aux | grep ph...
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...
jQuery插件bxSlider+zoomsl实现商城商品图片轮播放大镜效果
bxSlider.js是一款jquery轮播图插件，可以实现图片并排轮播切换；zoomsl.js是一款jQuery图片放大镜效果插件，可以实现鼠标悬停放大显示图片细节；两个插件结合就可以实现类似于淘宝商品页页的产品轮播和放大显示效果。 bxSlider Github：https://github.com/stevenwanderski/bxslider-4 zoomsl下载：免费可商业商品图片放大镜jquery插件zoomsl.js 实现代码 引用插件： PS：自行前往官网或Github下载jQuery库、...
免费可商业商品图片放大镜jquery插件zoomsl.js
俄罗斯的一款商品图片放大镜jquery插件，类似于淘宝商品在鼠标悬停上去，右侧显示细节放大镜窗口。zoomsl插件兼容IE8+、Chrome 1+、Firefox 2+、safari 2+浏览器。商业许可及个人许可均免费。 插件下载：jquery.zoomsl.plugin.zip 插件教程 基础应用 HTML代码结构： <img class="my-foto" src="/images/image1-small.jpg" data-large="/images/image1-big.jpg" title="...