CSS 翻转图片主要用到的技术除了3D翻转和定位 ，还用到了一个属性 backface-visibility：visable|hidden;该属性主要是用来设定元素背面是否可见。 效果图如下： 具体的步骤如下： 1、写出页面主体， <div> <img src="Images/b.jpg" alt= ...
分类：
Web程序 时间：
2020-05-30 00:55:48
阅读次数：
87
先看一下实现的效果: 以上通过滚动,图片随之滚动 看起来蜜汁酷炫 实现原理就是: 滚动视差,是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 使用技术很简单,只需要css属性: background-attachment: fixed; 无需任何js复杂代码 代码如下: ...
分类：
其他好文 时间：
2020-05-27 20:17:19
阅读次数：
70
防抖和节流，主要是用来防止过于平凡的执行某个操作，如浏览器窗口变化执行某个操作，监听某个input输入框keyup变化，瀑布流布局时Y轴滚动，图片加载。 js函数的防抖 经过一段事件才执行某个操作，如果时间内又执行了该操作则延长时间重新开始计算 /* 输入快的话会出现输出结果多次重复 */ 使用防抖 ...
分类：
Web程序 时间：
2019-05-14 20:42:34
阅读次数：
215
推荐一个JQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。 此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。 官方演示，如下： Demo 使用方法如下： 1、加载javascript。 <script type="text/javasc ...
分类：
Web程序 时间：
2018-12-23 14:00:53
阅读次数：
474
swiper 滑块视图容器。 很多网页的首页都会有一个滚动的图片模块，比如天猫超市首页，滚动着很多优惠活动的图片，用来介绍优惠内容，以及供用户点击快速跳转到相应页面。 Swiper不仅可以滚动图片，也可以是文本，以及其他组件，需要灵活应用。 基本的配置包括：是否显示面板指示点、指示点颜色，当前选中的 ...
分类：
微信 时间：
2018-07-10 23:36:05
阅读次数：
360
图片轮播 1、样式 <style> #banner { padding: 0px; width: 404px; height: 260px; } .slides { width: 404px; height: 260px; overflow: hidden; position: relative; ...
分类：
其他好文 时间：
2018-06-15 16:10:25
阅读次数：
233
代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3 ...
分类：
其他好文 时间：
2018-04-18 19:03:38
阅读次数：
179
推荐一个jQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。 此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。 marquee标签：创建一个滚动的文本字幕，应用于文字、图片、表格。 DIV+CSS图片不间断滚动jquery特效，横向不间断 ...
分类：
移动开发 时间：
2017-09-04 11:57:21
阅读次数：
305
js替代marquee实现图片无缝滚动 可能大家都碰到过，当marquee中滚动的是图片的时候，滚到终点的时候直接就跳回到起点了，而不像文字那样可以无缝滚动，下面介绍的是通过js来实现图片的无缝滚动。先了解一下下面这几个属性： innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLsc ...
分类：
Web程序 时间：
2017-08-16 18:23:10
阅读次数：
227
如果一个网页很长，那么该页面的加载时间也会相应的较长。而这里给大家介绍的这个jQuery插件scrollLoading的作用则是，对页面元素进行动态加载，通俗的说就是滚到哪就加载到哪，屏幕以下看不见的就不用加载了。这样还可以在一定程度上节省服务器资源。该插件作者的网页将该插件的功能和使用方法描述的非 ...
分类：
Web程序 时间：
2017-08-02 23:43:34
阅读次数：
451
