在线客服代码

在线客服代码

新建html文档。

准备好需要用到的图标。

书写hmtl代码。 低祝倘

书写css代码。.demo_menu { font-size: 14px; text-align: center; margin: 10px 0 0 0; color: #999; line-height: 180%; }.demo_menu b { color: #333; }.demo_menu a, .demo_menu a:visited { color: #F00; font-size: 14px; }.demo_menu a:hover { color: #090; font-size: 14px; }

书写并添加js代码。$(function(){ $("#xiaotu").toggle(function(){ $(this).next().hide(); $(this).css("background","url(images/fang.gif) no-repeat left center"); },function(){ $(this).next().show(); $(this).css("background","url(images/suo.gif) no-repeat left bottom"救醒); }) })

代码整体薪码结构。

查看效果。