基于jquery打造的一款全页面图片分享特效

基于jquery打造的一款全页面图片分享特效.

鼠标移动到img的图片上是，右上角就会弹出一个按钮特效,单击按钮就会弹出一个分享图片地址栏的jquery特效。

还可以显示出当前图片已经被分享过多少次.

适用部分浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

主要jQuery插件代码如下：

1 jQuery(window).load(function(){
2     jQuery("img").slingPic({
3         theme: "dark"
4     });
5 });

效果图如下：

特效地址：http://www.jqshare.com/Jq/fondone/id/107.html

转载于:https://www.cnblogs.com/heyoung/archive/2013/05/21/3089975.html

基于jquery打造的一款全页面图片分享特效相关推荐

基于Jquery实现登录功能的前端页面
本篇文章讲解如何用jquery完成登录功能的前端页面展示 html部分: <div class="name"><label>用户名:</label&g ...
基于jQuery.i18n.properties插件实现前端页面国家化
一.简介在介绍jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国家化英文单词为:Internationalization,又称 i18n,"i"为 ...
android cm 老罗,Android之父打造了一款全面屏旗舰罗永浩如此评价
异形全面屏手机并不是苹果的专利,此前安卓之父Andy Rubin领导并打造的Essential Phone PH-1就是一款异形全面屏手机. Essential Phone正面采用了异形切割的全面屏, ...
一款全屏图片滑动js 插件超快捷
http://www.bootcss.com/p/unslider/
html页面图片翻转特效代码,如何使用css实现翻转图片的效果（附代码）
本篇文章给大家带来的内容是关于如何使用css实现翻转图片的效果(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 具体效果图如下: 主要用到的技术除了3D翻转和定位 ,还用到了 ...
13款基于jQuery Mobile的布局插件和示例
现在已经进入了移动互联网时代,因此将你的网站迁移到移动设备上就显得比较重要的.问题是,如何在移动设备的小屏幕中呈现你的网站中的所有内容呢? 本文介绍13款基于jQuery Mobile的布局插件和示例 ...
html全屏背景视频特效,HTML5全屏背景视频特效插件Vidage.js源码
下面我们对HTML5全屏背景视频特效插件Vidage.js源码文件阐述相关使用资料和HTML5全屏背景视频特效插件Vidage.js源码文件的更新信息. HTML5全屏背景视频特效插件Vidage.j ...
推荐几款炫酷的基于jquery的页面特效
1.基于jquery实现的带按钮的图片左右滚动切换 jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码 2.基于jQuery的图片上下左右无缝连续循环滚动 im ...
【精心挑选】10款基于 jQuery 的图片360度旋转插件
之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考.图片旋转展示是一种 ...
bootstrap设计登录页面_前端小白如何在10分钟内打造一个爆款Web响应式登录界面？...
对于前端小白(例如:专注后端代码N年的攻城狮),自己编写一个漂亮的Web登录页面似乎在设计上有些捉襟见肘,不懂UI设计,颜色搭配极度的混乱(主色,辅助色,配色,色彩渐变,动画效果等等,看起来一堆乱七八 ...

基于jquery打造的一款全页面图片分享特效

基于jquery打造的一款全页面图片分享特效相关推荐

最新文章

热门文章