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

所属分类:其他-杂项

 52380  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>
相关插件-杂项

jQuery步骤条进度条插件setStep.js

一款简单额步骤条,可点击 也可按钮控制。
  杂项
 53754  377

jquery在线客服

jquery在线客服代码
  杂项
 56719  427

jQuery答题试卷并且评分

jQuery实现的测试答题功能
  杂项
 37008  412

注册分步骤表单

注册分步骤表单
  杂项
 60013  621

讨论这个项目(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
    下载之后 感觉文件有损坏,希望楼主看看 表示我用不了。。。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复