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

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

解决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...
乱七八糟 / / 8597次阅读

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

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

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

owl carousel是款响应式的轮播图插件,功能完善,参数丰富,使用该插件可以实现各种轮播切换效果,比如时间轴型的公司发展历程。效果如下: 下面代码基于jquery-3.3.1和Owl Carousel v2.3.4版本实现,插件文件可以在GitHub下载。 Github主页:https://github.com/OwlCarousel2/OwlCarousel2 1、引入...
Web前端开发 / / 5389次阅读
jquery插件owl.carousel.js实现时间轴切换效果的发展历程

解决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 netsta...
操作系统 / / 4072次阅读

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

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

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

在.shtml静态页面中使用#include可以引入另一个html文件,从而实现做静态整站html网页时,实现公用文件的提取,被包含的文件可具有任何文件扩展名,不少人喜欢使用.inc扩展名文件。 注意: 使用#include命令必须开启服务器的ssi服务(全称Server Side Include),即使用映射到SSI解释器的文件扩展名,否则Web服务器是不处理该命令的。 默认情况下,扩展名....
Web前端开发 / / 9809次阅读

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

$.inArray()方法用于在数组中搜索指定的值,并返回数组中该指定值的索引值,如果数组中不存在指定的值,则返回-1。 语法 $.inArray( value, array [, fromIndex ] ) 示例一: 返回索引值 var arrayStr = ['a','b','c']; alert($.inArray('a', arrayStr)); 返回索引值为0...
Web前端开发 / / 5161次阅读

jQuery插件bxSlider+zoomsl实现商城商品图片轮播放大镜效果

bxSlider.js是一款jquery轮播图插件,可以实现图片并排轮播切换;zoomsl.js是一款jQuery图片放大镜效果插件,可以实现鼠标悬停放大显示图片细节;两个插件结合就可以实现类似于淘宝商品页页的产品轮播和放大显示效果。 bxSlider Github:https://github.com/stevenwanderski/bxslider-4 zoomsl下载:免费可商业商品图片放大镜jqu...
Web前端开发 / / 5247次阅读
jQuery插件bxSlider+zoomsl实现商城商品图片轮播放大镜效果

免费可商业商品图片放大镜jquery插件zoomsl.js

俄罗斯的一款商品图片放大镜jquery插件,类似于淘宝商品在鼠标悬停上去,右侧显示细节放大镜窗口。zoomsl插件兼容IE8+、Chrome 1+、Firefox 2+、safari 2+浏览器。商业许可及个人许可均免费。 插件下载:jquery.zoomsl.plugin.zip 插件教程 基础应用 HTML代码结构: <img class="my-f...
Web前端开发 / / 4872次阅读
免费可商业商品图片放大镜jquery插件zoomsl.js

使用CSS3实现SVG路径描边动画效果入门教程

不依赖javascript,直接使用纯css实现svg的描边绘制动画效果,效果演示动画。 基础知识: SVG中有个比较重要的属性分支stroke,中文软件中称为“描边”。和stroke相关的属性还有下面这些: 1、stroke 表示描边颜色。表示颜色的名字不是stroke-color,只是单纯的stroke。它的值官方称为“paint”,可选值的类型包括none...
Web前端开发 / / 3756次阅读
使用CSS3实现SVG路径描边动画效果入门教程