jquery模仿win8风格悬浮右侧多功能在线客服代码

所属分类:其他-杂项

 52463  475  查看评论 (8)
分享到微信朋友圈
X
jquery模仿win8风格悬浮右侧多功能在线客服代码 ie兼容8

使用方法由 ChasonMa 提供

引入样式 style.css:

<link rel="stylesheet" href="css/style.css" type="text/css" />

引入 jquery文件:

<script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

	$(".side ul li").hover(function(){
		$(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})	
	},function(){
		$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})	
	});
	
});

//回到顶部
function goTop(){
	$('html,body').animate({'scrollTop':0},600);
}
</script>
相关插件-杂项

在线PDF预览插件PDFObject.js

PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。
  杂项
 245299  578

jQuery字体自适应插件textfit

优点:体积小,使用方法简单,一看就会
  杂项
 24949  337

注册分步骤表单

注册分步骤表单
  杂项
 60111  621

Jquery 二维码美化(高度定制)

Jquery 二维码生成插件,高度定制
  杂项
 59203  428

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    我不听 0
    2018/1/11 11:51:23

    很好用。简单 易学   值得推荐

    回复
    TCL 0
    2017/9/13 11:57:02
    不错的效果,下载测试下看看 回复
    金色浮萍 0
    2017/9/2 15:28:58
    林哈哈 0
    2017/7/22 11:02:50

    为何浮窗前头有小黑点

    回复
    西瓜 0
    2015/2/27 13:28:31
    ie8支持的,调用底版本的jquery就可以了。 回复
    T `xl︶° 0
    2015/2/27 11:30:46
    西瓜 0
    2014/12/9 23:19:18
    刚下载测试了,文件好的。 回复
    相忘于江湖 0
    2014/12/9 16:20:06
    下载之后 感觉文件有损坏,希望楼主看看 表示我用不了。。。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复