当前位置:主页 > jquery插件 > 客服代码 >

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

栏目分类:客服代码   模板编号:JQ00022    发布日期:2017-04-12   来源:网络   浏览次数:次     在线预览
使用方法由ChasonMa提供 引入头部文件: linkrel=stylesheethref=css/style.csstype=text/css/scriptsrc=js/jquery-2.0.3.min.jstype=text/javascript/script 页面底部引入 jquery代码段: scripttype=text/javascript$(document).re

使用方法由 ChasonMa 提供

引入头部文件:

<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>


页面底部引入 jquery代码段:

<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>


在线演示 立即下载
打赏本站
云盘密码:xfgb
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载