page top功能以及根据屏幕宽度改变css代码,Css代码库,德仔网

代码语言
代码分类
【Css】 page top功能以及根据屏幕宽度改变css
作者:Dezai.CN / 发布于2013/2/20/ 953
<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>
评论列表
本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)