码迷,mamicode.com
首页 > 其他好文 > 详细

这些例子很炫,感兴趣的童鞋可以了解一下

时间:2020-05-14 19:43:37      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:卡通   target   数字   targe   banner   异步加载   兴趣   https   hot   

js IE6支持png透明解决png ie6下不透明背景图片https://www.mk2048.com/demo/demo_target_desc.php?id=22ac0kjkj
js IE6支持png透明解决png ie6下不透明背景图片

jQuery全屏图片幻灯片上下按钮控制幻灯片播放点击》jQuery全屏图片幻灯片上下按钮控制幻灯片播放

jquery 图片滑动按钮控制图片上下滑动点击图片切换显示详细内容https://www.mk2048.com/demo/demo_target_desc.php?id=22h1ajh2j
jquery 图片滑动制作左右按钮控制图片上下滑动,通过点击滑动图片切换大图,点击查看按钮显示图片详细信息。

jQuery二级导航菜单插件21CN官网导航菜单样式点击》jQuery二级导航菜单插件21CN官网导航菜单样式
jquery导航菜单插件制作21CN官网二级导航菜单样式,鼠标滑过导航条显示二级菜单导航,鼠标离开或点击导航条二级菜单隐藏。

jquery鼠标悬停到图片时浮动高亮透明层滑动到当前图片高亮点击》jquery鼠标悬停到图片时浮动高亮透明层滑动到当前图片高亮
jquery鼠标悬停到图片时,浮动高亮透明层随着鼠标悬停的图片相应滑动到当前图片高亮显示。

js mootools水平滚动条自动滚动控制九宫格图片轮播滚动https://www.mk2048.com/demo/demo_target_desc.php?id=22i1ajb0j
js mootools框架制作水平滚动条自动滚动来控制九宫格样式图片轮播滚动,水平滚动条支持拖动控制图片轮播滚动,到浮动左右按钮控制水平滚动条图片轮播滚动。

jquery ui幻灯片插件带进度条自动轮播滤镜百叶窗图片切换点击》jquery ui幻灯片插件带进度条自动轮播滤镜百叶窗图片切换
jquery ui幻灯片插件制作带进度条自动轮播的图片切换,鼠标点击缩略图片,大图片类似滤镜百叶窗图片切换效果。支持鼠标拖动的图片切换。

js代码仿qq腾讯视频网站焦点图片轮播切换https://www.mk2048.com/demo/demo_target_desc.php?id=220h20j0j
js代码仿qq腾讯视频网站,带按钮控制焦点图片切换,和自动焦点图片轮播切换特效。

jQuery全屏焦点图片带图标导航按钮控制图片滑动切换点击》jQuery全屏焦点图片带图标导航按钮控制图片滑动切换
jquery全屏焦点图片切换制作图标导航按钮控制图片滑动切换,图片轮播依次上下滑动显示和左右滑动显示。

jQuery全屏焦点图片带图标导航自动切换https://www.mk2048.com/demo/demo_target_desc.php?id=220cbhhib
jquery全屏焦点图片切换,设置图标导航栏点击图标导航焦点图片切换。支持自动轮播的焦点图片切换。

jquery全屏焦点图仿好孩子满屏图片上下滚动https://www.mk2048.com/demo/demo_target_desc.php?id=22bh2bk2j
jquery全屏焦点图片滚动,仿好孩子网站满屏图片上下滚动通过设置上下按钮来控制图片上下滚动,支持图片暂停和轮播的焦点图片滚动。

jQuery hover鼠标悬停导航菜单背景图片文字抖动点击》jQuery hover鼠标悬停导航菜单背景图片文字抖动

jQuery图片全屏滚动自适应浏览器分辨率宽度焦点图片滚动点击》jQuery图片全屏滚动自适应浏览器分辨率宽度焦点图片滚动
jquery图片全屏滚动,听过左右按钮控制焦点图片滚动,且自适应浏览器分辨率宽度的焦点图片滚动。

js全屏图片轮播幻灯片UC浏览器官网焦点图片切换https://www.mk2048.com/demo/demo_target_desc.php?id=221h2jkjb
js全屏图片轮播幻灯片制作UC浏览器官网焦点图片切换,通过鼠标点击缩略图切换banner大图,带左右按钮控制缩略图片滚动切换,进行图片自动轮播。

jquery鼠标点击抽奖按钮奖品格子闪烁摇奖随机抽奖https://www.mk2048.com/demo/demo_target_desc.php?id=2211hhhab
jquery格子随机抽奖特效,通过鼠标点击抽奖按钮多个奖品格子依次随机闪烁摇奖过程,最终抽奖结束奖品格子闪烁摇奖停止。

jquery仿各大商城网站圆形转盘抽奖活动点击》jquery仿各大商城网站圆形转盘抽奖活动
jquery仿各大商城网站圆形转盘抽奖活动,淘宝商城圆形转盘抽奖活动、天猫商城圆形转盘抽奖活动、京东商城圆形转盘抽奖活动等。

jquery animate分页标签按钮鼠标悬停滑动展开分页按钮点击》jquery animate分页标签按钮鼠标悬停滑动展开分页按钮
jquery animate动画分页按钮制作鼠标悬停分页按钮上滑动展开分页按钮,鼠标离开后分页按钮收缩。

jquery鼠标滑动星星打分生活美食网站星级评分点击》jquery鼠标滑动星星打分生活美食网站星级评分
jquery鼠标滑动星星打分,制作生活美食网站星级评分,口味、环境数字星级评分。一款非常实用的jQuery星级评分。

jquery仿ps图像标尺寸表参考线测量图片位置尺寸大小https://www.mk2048.com/demo/demo_target_desc.php?id=22jcbc0cb
jquery仿photoshop新建图像标尺寸表,设置多个快捷键来显示或隐藏标尺和参考线。通过参考线测量图片页面位置及图片尺寸大小。

jquery 滚动条插件鼠标悬停控制滚动条显示离开滚动条隐藏https://www.mk2048.com/demo/demo_target_desc.php?id=222hciccb
jquery滚动条插件制作div容器鼠标悬停控制滚动条显示,鼠标离开后滚动条隐藏。通过鼠标事件来判断滚动条显示隐藏。简单的jquery 滚动条特效应用。

jquery ajax tab选项卡制作简单网页模板单页选项卡切换https://www.mk2048.com/demo/demo_target_desc.php?id=2221h2b1j
jquery ajax tab选项卡通过鼠标点击导航条标签选项卡滑动切换,内容异步加载选项卡切换。简单的网页模板单页选项卡切换展示。

jQuery图片插件性感美女图片鼠标悬浮滑动显示全图美女点击》jQuery图片插件性感美女图片鼠标悬浮滑动显示全图美女
jquery图片插件制作性感美女图片通过鼠标悬停到图片上,图片滑动显示全图美女过程。多种图片滑动展示浏览jQuery图片插件。

jquery hover事件鼠标滑过图片半透明标题文字滑动显示隐藏点击》jquery hover事件鼠标滑过图片半透明标题文字滑动显示隐藏
jquery hover事件制作产品图片鼠标滑过图片半透明,标题文字从左到右滑动动画移动显示隐藏。

jquery右侧边固定层导航菜单依次动画滑动显示菜单展开https://www.mk2048.com/demo/demo_target_desc.php?id=22c1ihjab
jquery右侧边固定层导航菜单,鼠标滑过浮动层导航菜单依次动画滑动显示菜单内容展开,鼠标离开后菜单收缩。

jquery鼠标悬停图片放大滑动显示标题https://www.mk2048.com/demo/demo_target_desc.php?id=22cc1jbjb
jquery图片特效鼠标悬停图片放大展示图片标题滑动显示,鼠标离开后图片缩小默认大小图片标题隐藏。非常实用的jQuery图片鼠标悬停效果。

jquery竖直倾斜导航条鼠标悬停导航条背景滑动显示https://www.mk2048.com/demo/demo_target_desc.php?id=22khkh0kj
jquery导航条制作竖直倾斜导航条样式,通过鼠标悬停导航条触发hover事件,导航条背景滑动显示。

jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动https://www.mk2048.com/demo/demo_target_desc.php?id=22k1ijbaa
jquery特效制作用标题当按钮控制图片窗帘式滚动实现幻灯片效果。

jquery 图片放大异步加载图片制作jquery鼠标滑过预览大图https://www.mk2048.com/demo/demo_target_desc.php?id=22kcjhb2j
jquery特效制作一个简单的图像预览,这款式非常轻量级的jquery特效预览,里面图片异步加载,预览图片不能智能控制显示。

jquery图片放大点击小图放大查看大图效果https://www.mk2048.com/demo/demo_target_desc.php?id=2cahkjjib
jquery图片点击放大查看大图效果,类似新浪微博点击文章中的小图片放大查看原图效果,可收起放大图片。jQuery下载。

这些例子很炫,感兴趣的童鞋可以了解一下

标签:卡通   target   数字   targe   banner   异步加载   兴趣   https   hot   

原文地址:https://www.cnblogs.com/homehtml/p/12890546.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!