代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Css
】
page top功能以及根据屏幕宽度改变css
作者:
Dezai.CN
/ 发布于
2013/2/20
/
983
<div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_2" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span class="comments"><!--js部分--></span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"><!-- js部分 --> </pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_3" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_3" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=3&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span class="tag"><</span><span class="tag-name">script</span><span></span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/javascript"</span><span class="tag">></span><span>//</span><span class="cdata"><![CDATA[</span></span></li><li class=""><span><span class="cdata"><!--{$tpl_javascript}--></span></span></li><li class="alt"><span><span class="cdata">$(function(){</span></span></li><li class=""><span><span class="cdata"><!--{$tpl_onload}--></span></span></li><li class="alt"><span><span class="cdata">$(document).ready(function(){</span></span></li><li class=""><span><span class="cdata">$('#pagetop').scrollFollow({</span></span></li><li class="alt"><span><span class="cdata">speed:2000,</span></span></li><li class=""><span><span class="cdata">offset:400,</span></span></li><li class="alt"><span><span class="cdata">container:'container'</span></span></li><li class=""><span><span class="cdata">});</span></span></li><li class="alt"><span><span class="cdata">varpage=document.getElementById("pagetop");</span></span></li><li class=""><span><span class="cdata">if(window.screen.width>1280){</span></span></li><li class="alt"><span><span class="cdata">page.className="pagetopcss1";</span></span></li><li class=""><span><span class="cdata">}else{</span></span></li><li class="alt"><span><span class="cdata">page.className="pagetopcss";</span></span></li><li class=""><span><span class="cdata">}</span></span></li><li class="alt"><span><span class="cdata">});</span></span></li><li class=""><span><span class="cdata">});</span></span></li><li class="alt"><span><span class="cdata">//]]></span><span></span></span></li><li class=""><span><span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span></span></span></li><li class="alt"><span><span class="tag"><</span><span class="tag-name">style</span><span></span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/css"</span><span class="tag">></span><span></span></span></li><li class=""><span>.pagetopcss{</span></li><li class="alt"><span>margin-left:950px;</span></li><li class=""><span>}</span></li><li class="alt"><span>.pagetopcss1{</span></li><li class=""><span>margin-left:1000px;</span></li><li class="alt"><span>}</span></li></ol></div><pre name="code" class="html" style="display: none;"><script type="text/javascript">//<![CDATA[ <!--{$tpl_javascript}--> $(function(){ <!--{$tpl_onload}--> $(document).ready( function (){ $('#pagetop').scrollFollow({ speed: 2000, offset: 400, container: 'container' }); var page = document.getElementById("pagetop"); if (window.screen.width > 1280) { page.className = "pagetopcss1"; } else { page.className = "pagetopcss"; } }); }); //]]> </script> <style type="text/css"> .pagetopcss{ margin-left:950px; } .pagetopcss1{ margin-left:1000px; }</pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_4" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_4" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"></pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_5" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_5" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=5&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"></pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_6" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_6" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=6&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"></pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_7" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_7" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=7&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span class="comments"><!--html部分--></span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"><!-- html部分 --></pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_8" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_8" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=8&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span class="comments"><!--MAIN--></span><span></span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">span</span><span></span><span class="attribute">style</span><span>=</span><span class="attribute-value">"white-space:pre"</span><span class="tag">></span><span></span><span class="tag"></</span><span class="tag-name">span</span><span class="tag">></span><span class="tag"><</span><span class="tag-name">div</span><span></span><span class="attribute">id</span><span>=</span><span class="attribute-value">"container"</span><span class="tag">></span><span></span></span></li><li class="alt"><span><span class="tag"><</span><span class="tag-name">span</span><span></span><span class="attribute">style</span><span>=</span><span class="attribute-value">"white-space:pre"</span><span class="tag">></span><span></span><span class="tag"></</span><span class="tag-name">span</span><span class="tag">></span><span class="comments"><!--/ランキング--></span><span></span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">span</span><span></span><span class="attribute">style</span><span>=</span><span class="attribute-value">"white-space:pre"</span><span class="tag">></span><span></span><span class="tag"></</span><span class="tag-name">span</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">div</span><span class="tag">></span><span></span></span></li><li class="alt"><span><span class="tag"><</span><span class="tag-name">span</span><span></span><span class="attribute">style</span><span>=</span><span class="attribute-value">"white-space:pre"</span><span class="tag">></span><span></span><span class="tag"></</span><span class="tag-name">span</span><span class="tag">></span><span class="comments"><!--/MAIN--></span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"><!-- MAIN --> <span style="white-space:pre"> </span><div id="container"> <span style="white-space:pre"> </span><!--/ランキング--> <span style="white-space:pre"> </span></div> <span style="white-space:pre"> </span><!-- /MAIN --> </pre><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_9" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_9" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=9&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span class="tag"><</span><span class="tag-name">div</span><span></span><span class="attribute">id</span><span>=</span><span class="attribute-value">"pagetop"</span><span class="tag">></span><span class="tag"><</span><span class="tag-name">a</span><span></span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#header"</span><span class="tag">></span><span class="tag"><</span><span class="tag-name">img</span><span></span><span class="attribute">src</span><span>=</span><span class="attribute-value">"../img/pagetop.png"</span><span></span><span class="attribute">alt</span><span>=</span><span class="attribute-value">"pagetop"</span><span></span><span class="attribute">width</span><span>=</span><span class="attribute-value">"72"</span><span></span><span class="attribute">height</span><span>=</span><span class="attribute-value">"14"</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">a</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">div</span><span class="tag">></span><span></span></span></li></ol></div><pre name="code" class="html" style="display: none;"><div id="pagetop"><a href="#header"><img src="../img/pagetop.png" alt="pagetop" width="72" height="14"></a></div></pre> <pre></pre> <pre></pre>
试试其它关键字
同语言下
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
可能有用的
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
Dezai.CN
贡献的其它代码
(
4037
)
.
多线程Socket服务器模块
.
生成随机密码
.
清除浮动样式
.
弹出窗口居中
.
抓取url的函数
.
使用base HTTP验证
.
div模拟iframe嵌入效果
.
通过header转向的方法
.
Session操作类
.
执行sqlite输入插入操作后获得自动编号的ID
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3