焦点图

JQuery 实现轮播图（一）

单击左边或右边显示图片，时钟不停止；HTML页面12345CSS样式*{margin:0px;padding:0px;}ul{list-style:none;}a{text-decoration:none;}/*焦点图
凌冰_·2020-09-12 19:33

JS实现八种焦点轮播图（上）

注：基于完美运动框架move2.js而完成的八种焦点录播图基本布局：123451.普通焦点图window.onload=function(){varoUl=document.getElementById
马灿发·2020-09-12 11:50

解决swiper在ie9以下不兼容问题

之前用了swiper3做焦点图，结果发现在ie8下不兼容，然后换来了swiper2，发现还是不兼容swiper2在ie9以下没有transition效果，所以自动降级成了js动画，但是这个swiper2
agld94615·2020-09-10 12:13

javascript设计模式——原型模式

需求：创建一个焦点图，焦点图需要实现上下滑动和淡入淡出效果。
蟹老板爱写代码·2020-08-26 13:30

fcs

时下在互联网上很流行焦点区域轮播(焦点图)的形式，形式上就是以醒目的大图或配以说明性文字,进行定时交替播放。
cuoguo1111·2020-08-25 17:28

JS广告代码

各大网站首页无不用上了幻灯片广告.这种效果漂亮,而且比较实用,比一般的广告效果要好的多.下面是懒人网站提供的幻灯片广告代码.JS广告代码0059-奇虎体育频道flash5屏焦点图0058-简洁的flash
Love1221·2020-08-24 21:30

2017上

dowebok-做好网站OwlCarousel强大的响应式jQuery焦点图轮播插件强大实用的jQuery幻灯片插件OwlCarousel_dowebok100多个经典常用的jQuery插件大全实例演示和下载
YSP易水寒·2020-08-23 22:12

10个款优秀的jquery图片特效插件推荐 值得分享

图片切换滚动插件带分页索引按钮控制图片左右滚动2、jquery图片滚动xslider插件按钮控制自动图片左右滚动、上下滚动3、jquery图片特效插件异步读取图片TOP排行榜特效4、jquery图片切换特效鼠标点击左右按钮焦点图切换滚动
weixin_30551947·2020-08-23 20:50

jquery slider 实现手机网页上-仿淘宝首页 轮播焦点图 效果。

需要：jquery.min.jsjquery轮播插件：slider.jscss部分：.flexslider{position:relative;width:100%;height:150px;overflow:hidden;zoom:1;}.flex-viewport{max-height:2000px;-webkit-transition:all1sease;-moz-transition:al
weixin_30256901·2020-08-23 20:19

非常精美的QQ桌面Web桌面模板（上）

1.jQueryUI实现Web桌面系统jWebOS源码下载/在线演示2.jQuery图片滑动切换源码下载/在线演示3.jQuery大屏带导航焦点图源码下载/在线演士
dsgru·2020-08-23 16:46

select下拉列表选中后，跳转至指定页面

1.在当前页面打开新链接option的value里面要写好新链接的地址2.在新窗口打开新链接--请选择--编辑参数技术参数配图焦点图设置细节展示(M)下架取消置顶删除
Nobita Chen·2020-08-23 16:11

androidTV 电视桌面的效果

研究了ViewPager只能横向分布，也可以改成竖向分页，通过自定义的Viewpager:VerticalViewPager也研究了gridView效果不好研究了RecyclerView效果还行，由于设计焦点图片
casun_li·2020-08-23 16:49

大前端完整学习路线

HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图
s2385183093·2020-08-21 17:30

vue中使用vue-awesome-swiper实现图片轮播效果(超详细解析)

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果.安装:npminstallvue-awesome-swiper--save先看一下我的项
青衫折扇·2020-08-21 16:51

纯CSS3实现超酷幻灯片图文切换效果

纯CSS3实现绚丽焦点图切换效果，这是一款纯CSS3实现的焦点图插件，焦点图设计十分清新简单，图片滑动特别流畅，是一款值得一用的CSS3焦点图。
iteye_3735·2020-08-21 14:39

HTML特效动画、焦点图

3、HTML5SVG3D蝴蝶飞舞动画这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞动画，蝴蝶飞舞动画非常逼真，蝴蝶飞舞的路线是利用SVG构造的。另外，动画使用了一张立体感很强的天空背景图，让蝴蝶飞舞时更加显得立体逼真。在线演示源码下载4、HTML5Canvas波浪动画还记得之前我们分享的超酷的HTML5Canvas波浪墙吗，是的，只要你的浏览器支持HTML5WebGL
hzp666·2020-08-21 14:04

焦点图

在项目开发中，有一些经常会用到的效果，比如焦点图轮播，效果虽已司空见惯，但对于初学者来说，还是没有思路，只能网上下载，下载的一大堆代码又看不明白，无论布局还是js控制，只能撞大运式移置到项目上，不但影响了工作效率
老白干·2020-08-21 09:48

携程网（flex布局）

初始化样式必须位于css首页样式后面，否则容易出bug携程网body设置常用样式header部分注意事项：采用固定定位，一定要给最大宽度及最小宽度，利用弹性盒技术及如何让盒子居中对齐css3伪元素的方法焦点图思路
尧子陌·2020-08-21 04:48

基于ThinkPHP框架开发的漂亮的家装修公司网站PHP源码

前端采用DIV+CSS布局，首页顶部采用了超大宽屏banner焦点图切换，带伸缩功能的导航条
wazyb8·2020-08-20 19:13

原创:js焦点图切换 (仿造flash)

js比flash有什么优势大家看看就知道请转载者连接我blog./*数字按钮框样式*/#imgTitle{position:relative;left:1px;text-align:left;overflow:hidden;}#imgTitle_up{left:0px;text-align:left;height:1px;width:inherit;}#imgTitle_down{left:0px
suilam·2020-08-20 01:01

一次网站挂马的分析

我是一个切图仔,日常的开发也不会涉及太多网络安全相关的东西.今天这篇博客完全是一个巧合,下面就听我细细道来.起因说起来也很好玩,起因是群里一个网友说看到一个动画(其实就是一个焦点图),想要参(fu)考(
weixin_34221775·2020-08-18 04:42

swiper简单使用

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
lingongheng·2020-08-17 23:59

前端之路

HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图
大漠孤影丶·2020-08-16 20:43

前端需要学什么？

进阶、CSS进阶、DIV+CSS布局、HTML+CSS整站开发、（2）JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图
lin123_00·2020-08-16 06:50

Vue-cli 引入Swiper

能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。使用简单、功能强大，是架构移动终端网站的重要选择！
purpleyou·2020-08-16 01:15

JavaScript面向对象焦点图片轮播banner

2016-04-02JavaScript学习笔记实例：焦点轮播图HTML/CSS部分无标题文档*{margin:0;padding:0;}ul,ol{list-style:none;}img{border:none;}.banner{height:320px;width:852px;position:relative;margin:30pxauto;}.imgsli{height:320px;wi
cocotsau·2020-08-15 19:49

关于my focus焦点图插件的介绍

1、myFocus库(v1.1.0|2010.12.15)下载&CDNHostedmin版：http://myfocus-js.googlecode.com/svn/trunk/myfocus-1.1.0.min.js(6.72KB,推荐)full版：http://myfocus-js.googlecode.com/svn/trunk/myfocus-1.1.0.full.js(8.81KB)2、
卢水发·2020-08-15 02:03

10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件，比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件。
weixin_33725239·2020-08-15 00:36

jQuery插件transform旋转焦点图的准备工作

1，【JQery.transform是基于jquery库的插件】IE8以下不支持css3,首先加载jQuery的函数库，$(function(){$('#test1').transform({rotate:'60deg'});//旋转60度$('#test1').animate({rotate:'60deg'});//有动画的旋转60度})2，【定时器】setInterval是间隔执行。setIn
java_zhaoyanli·2020-08-14 23:59

18款 非常实用 jquery幻灯片图片切换

1、jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果，带索引按钮控制和左右按钮控制图片切换。
Carlos15926·2020-08-14 23:20

前端学习笔记-JS-BOM-轮播图案例/节流阀

网页轮播图轮播图也称为焦点图，是网页中比较常见的网页特效功能需求：1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧同理3.图片播放的同时，下面的小圆圈模块跟随一起变化
Nanami Touko·2020-08-12 17:05

手写原生JS轮播图

轮播图也称为焦点图，是网页中比较常见的网页特效本文主要制作6个效果效果1：当鼠标移入轮播图时，左右箭头显示出来，离开隐藏左右按钮效果2：点击小圆点就会弹出相应的图片效果3：点击轮播图左右按钮就会有图片改变的效果效果
iiiiiill·2020-08-12 11:09

前端性能优化之静态资源优化

JPEG在互联网上常被应用于存储和传输照片不合适：线条图形和文字、图标图形，因为它的压缩算法不太这些类型的图形；并且不支持透明度非常合适：颜色丰富的照片、彩色图、大焦点图、通栏bnner图‘（一般是放在导航下面的一张大图
秃如其来的秃头·2020-08-10 04:40

一行代码快速实现今日头条 网易新闻焦点图自动循环轮播效果

有时候我们需要顶部焦点图可以自动轮播并且左右滑动时可以循环轮播，下面就来自定义这样的控件来实现，使用起来特别简单实现功能1，自动循环轮播，可以设置时间2，可以手动实现循环滑动3，可以自定义轮播时圆点大小和颜色
编程小石头·2020-08-08 18:47

30款jQuery常用网页焦点图banner图片切换 下载

1、jquery图片滚动特效制作slide图片类似窗帘式图片滚动查看演示2、jquery幻灯片插件带滚动条的圆形立体图片旋转滚动查看演示3、jQuery图片层叠旋转类似洗牌翻转图片幻灯片查看演示4、jQueryiNav插件图片分类导航选项卡切换图片滚动列表查看演示5、jQuery全屏图片幻灯片插件带小图预览提示幻灯片滚动切换查看演示6、锦云外贸管理网站jQuery全屏按钮控制图片上下滚动查看演示7
若水印象·2020-08-08 15:39

几种不同的图片轮播特效

2019独角兽企业重金招聘Python工程师标准>>>1.自动轮播+经过圆点滚动+鼠标停留在圆点上时候暂停+离开圆点自动轮播：代码如下:焦点图*{margin:0;padding:0;list-style
weixin_34381666·2020-08-07 20:25

图片轮播，自己和大神写的比较

把图片包含设置超出范围隐藏*/}.....引入jQuery//将script写在最底部避免js阻塞页面加载varindex=0;//当前显示的第几张图，默认开始为0；varmg=$("#focusimg");//将焦点图储存为一个变量方便调用节省下载调用查询时间
小_码哥·2020-08-07 19:53

携程网（flex布局）

初始化样式必须位于css首页样式后面，否则容易出bug携程网body设置常用样式header部分注意事项：采用固定定位，一定要给最大宽度及最小宽度，利用弹性盒技术及如何让盒子居中对齐css3伪元素的方法焦点图思路
尧子陌·2020-08-04 21:51

Android8.0 焦点处理流程(一)

先看两张焦点图。焦点基础及源码
茈男子淡漠·2020-08-04 03:06

Android通过监听软键盘弹起与关闭实现软键盘弹起时底部按钮消失、关闭时底部按钮显示

显示效果如图：图一：软键盘隐藏图二：软键盘显示-第一条获取焦点图三：软键盘显示-最后一条获取焦点我们知道页面上软键盘弹出的时候页面的显示效果跟android:windowSoftInputMode属性中的类似
RXLH929903·2020-08-03 20:59

kindeditor及其他现在编辑器获取文章内容中的图片标签及其src实现

近日，需要实现获取editor中的内容中的图片，罗列出这些图片，选择其中一张作为焦点新闻的焦点图。后来在网上搜到两个正则表达式，搞定了该问题。
he20101020·2020-08-03 17:41

Charles的使用方法

Charles的使用方法Charles的使用方法会话记录请求和响应查看请求标头查看器正文查看器保存请求和响应焦点图表输出CSV格式Trace文件格式XML文件格式SSL证书Windows/IE浏览器Firefox
何小有·2020-08-02 13:11

很漂亮实用的jQuery实例123个

很漂亮实用的jQuery实例,http://download.csdn.net/detail/haoyoul/46373291.2款jQuery图片自动切换常用广告代码2.jquery+css五屏焦点图淡入淡出
haoyoul·2020-08-01 12:32

110个常用的jquery特效和插件

1、2款jQuery图片自动切换常用广告代码2、jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码3、jQuery+CSS实用图片收缩与放大效果插件4、jquery+div实现同时滑动切换的图文展示特效插件下载
漫画之迷·2020-08-01 11:22

前端不容错过的jQuery图片滑块插件

今天要分享的几款jQuery图片滑块插件，也就是jQuery焦点图插件，基本上会在每个网站都有应用，可以下载看看，也许你可以用到。
D_SJ·2020-08-01 04:34

强大实用的插件介绍

OwlCarousel是一个强大、实用但小巧的jQuery幻灯片插件具体方法及demo演示可参看网址：http://www.dowebok.com/93.html二、Swiper插件Swiper能实现触屏焦点图
cdgogo·2020-07-30 20:07

仿IBM首页焦点图,缩略图大图，带文字

演示地址:http://www.corange.cn/demo/3802/index.html仿IBM首页焦点图*{margin:0;padding:0;list-style-type:none;}/*
anjichan4261·2020-07-30 19:41

京东618广告素材跟落地页的距离，到底有多远？

如果你没时间，直接看这张图就够了，今天吐槽的就是这个事：京东首页焦点图下方那行广告位，最右的素材说的是“618adidas专场”（下图），文案明明黑纸白字的写着！
黑白之间·2020-07-30 16:04

Javascript实现简单焦点图

分析：总体思路：所有图片其实都是经过定位、浮动等显示在同一行内的，通过改变图片容器的left值来实现一张一张移动的，再给最外层的总容器加一个overflow：hidden，每次就只能显示一张图片了，其他都被隐藏了，如下图具体实现：（一）html部分包含内容：轮播图片、切换箭头(左右)、圆点切换按钮(底部)注意问题：-1.轮播图片（假设有5张）排列顺序→5、1、2、3、4、5、1，头尾各有一张重复是
C_Jing_·2020-07-30 07:54

18款 非常实用 jquery幻灯片图片切换

1、jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果，带索引按钮控制和左右按钮控制图片切换。
weixin_34360651·2020-07-29 12:44
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他