手机站底部快速问医生动态图标效果

模板网 2014-10-09

手机站底部快速问医生动态图标效果,手机站底部常用的快速问医生效果实现。

完整代码:

复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>手机站底部快速问医生动态图标效果</title>
</head>
<body>
<div style="position:fixed !important; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); bottom:5px; right:5px;"><a href="#" target="_blank"><img src="wys.gif"></a></div>
</body>
</html>

使用到的图片:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=gb2312&quot; /&gt;
&lt;title&gt;手机站底部快速问医生动态图标效果&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;div style=&quot;position:fixed !important; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)&#124;&#124;0)-(parseInt(this.currentStyle.marginBottom,10)&#124;&#124;0))); bottom:5px; right:5px;&quot;&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;/demo/20141009/01/wys.gif&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

相关文章

  1. 纯JS写的右下角QQ抖动效果

    纯JS写的右下角QQ抖动效果,代码简单容易理解修改。 复制代码 代码如下: script /*** 窗口抖动 ***/ function shake(){ var a=[bottom,right],b=0; var u=setInterval(function(){ document.getElementById(lovexin1).style[a[b%2]]=(b++)%42?0:4 + px; if(b

  2. JS小太阳在页面移动

    JS小太阳在页面移动,移到小太阳上有文字提示,点击可进行咨询。 效果截图:

  3. flash图片轮播bcastr4

    flash图片轮播bcastr4,flash实现的图片轮播播放器效果。包含一个slide.swf和一个配置文件config.xml。使用起来简单方便。 示例打包下载: flash图片轮播bcastr4 测试请上传到服务器上。 使用代码: 复制代码 代码如下: object id=bcastr4 data=swf/slide.swf

  4. 网页浮动窗口跟随页面上下滑动效果

    网页浮动窗口跟随页面上下滑动效果,当网页滚动条向下滚动的时候,该浮动窗口也会向下滑动。 核心代码: 复制代码 代码如下: script var tips; var theTop = 100; /*这是默认高度,越大越往下*/ var old = theTop; window.onload=function(){ initFloatTips()

  5. 窗口失去焦点是滚动标题,获得焦点后不滚动

    效果要求: 窗口失去焦点是滚动标题,获得焦点后标题不滚动。 效果见代码。

随机推荐

  1. 纯JS写的右下角QQ抖动效果

    纯JS写的右下角QQ抖动效果,代码简单容易理解修改。 复制代码 代码如下: script /*** 窗口抖动 ***/ function shake(){ var a=[bottom,right],b=0; var u=setInterval(function(){ document.getElementById(lovexin1).style[a[b%2]]=(b++)%42?0:4 + px; if(b

  2. JS小太阳在页面移动

    JS小太阳在页面移动,移到小太阳上有文字提示,点击可进行咨询。 效果截图:

  3. flash图片轮播bcastr4

    flash图片轮播bcastr4,flash实现的图片轮播播放器效果。包含一个slide.swf和一个配置文件config.xml。使用起来简单方便。 示例打包下载: flash图片轮播bcastr4 测试请上传到服务器上。 使用代码: 复制代码 代码如下: object id=bcastr4 data=swf/slide.swf

  4. 网页浮动窗口跟随页面上下滑动效果

    网页浮动窗口跟随页面上下滑动效果,当网页滚动条向下滚动的时候,该浮动窗口也会向下滑动。 核心代码: 复制代码 代码如下: script var tips; var theTop = 100; /*这是默认高度,越大越往下*/ var old = theTop; window.onload=function(){ initFloatTips()

  5. 窗口失去焦点是滚动标题,获得焦点后不滚动

    效果要求: 窗口失去焦点是滚动标题,获得焦点后标题不滚动。 效果见代码。