jquery可播放视频的焦点图

jquery可播放视频的焦点图，设计简洁优雅，支持左右翻页，支持暂停焦点图，焦点图左上角的标题可替换。视频支持全屏播放和静音。JS代码

源于：http://www.huiyi8.com/js/jiaodiantu/

时间： 2024-10-11 05:09:12

jquery可播放视频的焦点图的相关文章

基于jQuery仿Flash横向切换焦点图

给各网友分享一款基于jQuery仿Flash横向切换焦点图.利用Flash可以制作很多漂亮的图片相册应用,今天我们要用jQuery来实现这样的效果.它是一款仿Flash的横向图片切换焦点图插件,可以自动切换图片,也可以点击导航按钮来切换至指定的图片.该jQuery焦点图使用非常简单,而且切换效果也相当流畅.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div id="slide-holder"> <div id="slide-runn

分享jQuery背景动画全屏焦点图

jquery重力实现效果 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/   在线演示  jQuery纸张切割效果 源码下载/   在线演示 纯CSS3实现3D小球动画 源码下载/   在线演示 分享jQuery背景动画全屏焦点图

一款基于jQuery和HTML5全屏焦点图

今天爱编程小编给大家分享一款非常绚丽的jQuery焦点图插件,同时这款焦点图也利用了HTML5和CSS3的相关特性,使图片切换效果更加丰富多彩.另外,这款jQuery焦点图插件的特点是全屏的效果,因此看上去也非常的大气和整体.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div id="wrapper"> <div class="fullwidthbanner-container"> <div class=&qu

一款基于jQuery的图片左右滑动焦点图

今天给大家分享一款基于jQuery的焦点图插件,这款jQuery焦点图插件的特点是可以多张图片左右滑动切换,可以点击切换按钮进行图片滑动,同时也支持图片自动切换.另外,这款jQuery焦点图是宽屏的,看上去十分大气,很适合产品图片的展示.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="friend"> <div class="mr_frbox"> <img class="mr_frB

使用 jQuery 制作京东网的焦点图

HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>京东</title> <script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script> <script type="text/

一款基于jQuery的支持鼠标拖拽滑动焦点图

记得之前我们分享过一款jQuery全屏广告图片焦点图,图片切换效果还不错.今天我们要分享另外一款jQuery焦点图插件,它的特点是支持鼠标拖拽滑动,所以在移动设备上使用更加方便,你只要用手指滑动屏幕即可切换图片. 在线预览   源码下载 实现的代码. html代码: <div class="main_visual"> <div class="flicking_con"> <a class="on" href=&quo

9种网页Flash焦点图和jQuery焦点图幻灯片

jQuery图标放大轮播焦点图 Flash图片焦点图滑动切换 Flash右侧焦点图上下滑动切换 左右按钮滑动切换的网页幻灯片 双图同时滑动切换的焦点图 含有上下按钮的双图同时滑动切换的焦点图 常见的jQuery网页焦点图幻灯片 css3 jQuery轮播焦点图幻灯片 html5网页图片左右滑动焦点图

[fn]焦点图JQ插件版

自己写的焦点图片的插件,使用方法简单说明一下 index.html页面具体结构如下 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3

jQuery手机触屏左右滑动切换栏目和焦点图

实现jQuery手机触屏左右滑动用到一个滑动插件TouchSlide,大家可以百度下. 首先来看看左右滑动切换焦点图: JQuery代码 $(function(){ TouchSlide({ slideCell:"#slideBox", titCell:".myhd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层 mainCell:".bd ul", effect:"leftLoop