Pages

Sunday 18 November 2012

Back To Top教程(HTML)

1.Back To Top(直接跳到最高点)

模板 >> 修改HTML >> 继续
Ctrl + F 寻找</body>
</body>上面放上以下代码

 <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='图片网
'/></a>

完成:)
以下有为大家提供一些图片网址:
 http://i202.photobucket.com/albums/aa309/pulsahead/Underground%20Muse/LightWish/top.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiqKOIthvlP5ZTz2E8nR5brRyYkczvsGAd8YGoWaTKfXiFz1J38HN51gBRljsihHky_nxThsNAOtmYRYHaUqwVOBP0S4mAgjySPax3udh5_LiaftQbeJ7FbKuv3_wWWe54UUewrxubDvy/s320/BlurMetalDc3.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZYG36l9eDgnGWMlfeK5cbxgQFnRp9p39U7CpysuVT0xjA_qxPT5oUva2odYG9aB7Re4Ci64lctNR3jqoPfPztrOeM5U2bpmm3djHL11jTnMBs_6-DaWEq7xkNG3s8FZC6RxokBK4uRsb/s320/BlurMetalDc8.gif

 

2.Back To Top (滚动到最高点)

模板 >> 修改HTML >> 继续
Ctrl + F 寻找 ]]></b:skin>
然后在它上面放以下的代码

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

好了之后,就再一次使用 Ctrl + F 寻找 </body>
将以下的代码放在 </body> 的上面

<a href="#" id="backtotop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoC_uBRsEEu7q1vWv1813_BTzq04O9H35pJi4WJnWSjNBpWY8KR63jHt4fzIbQ0zSo8L6ra9ZFBZ1fbYtquSDvvo73PwPrObBRWdXRhK15p8Q5IkvHm1g8y3H8quRL0Iz8tpGGDvquyKw3/s400/bttp-10.png" alt="back to top" /></a>

红色部分是Back To Top的图片,你可以自行更改
接着你再次使用 Ctrl + F 寻找 <head>
<head>下面放上以下代码

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'
></script>

<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>

完成~这时候你就可以Preview看一下了~
记得上下要分清楚哦~

图片在边框内游动教程 ( HTML )

   2012年06月02日 - 夕阳无限美 - 夕阳无限美欢迎您


代码如下:
<TABLE cellSpacing=8 borderColorDark=#000000 cellPadding=0 width="60%" align=center borderColorLight=#530305 background=http://image52.360doc.com/DownloadImg/2012/06/0519/24638497_2.bmp border=7> <TBODY> <TR> <TD> <P style="TEXT-INDENT: 2em" align=center></P> <DIV align=center> <DIV style="BORDER-RIGHT: #810888 5px solid; BORDER-TOP: #810888 5px solid; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #810888 5px solid; WIDTH: 520px; BORDER-BOTTOM: #810888 5px solid; POSITION: relative; TOP: 0px; HEIGHT: 300px"> <MARQUEE style="LEFT: -80px; POSITION: absolute; TOP: -230px" scrollAmount=1 scrollDelay=1 direction=down behavior=alternate width=680 height=680> <MARQUEE scrollAmount=1 scrollDelay=1 direction=right behavior=alternate width=680><IMG title="2012年06月02日 - 夕阳无限美 - 夕阳无限美欢迎您" alt="2012年06月02日 - 夕阳无限美 - 夕阳无限美欢迎您" src="http://image52.360doc.com/DownloadImg/2012/06/0519/24638497_1.jpg"></MARQUEE></MARQUEE></DIV></DIV></TD></TR></TBODY></TABLE>

锁左与右键HTML教学

防止别人(电脑新手)在你的Blog里复制你的东西,
以下是锁键的教程。

锁右键

功能:右键完全无效
选择 模板 >> 修改 HTML >> 继续Ctrl + F , 寻找开头为 <Body> 的语法,将此语法修改成 ↓
<body onContextmenu='return false' onDragStart='return false' onSelectStart='return false'>
然后点击保存模板。完成:)

锁左键与右键 + 警告 

功能 :右键完全无效,点击右键将跳出警告
           左键只能点击,不能Highlight文字。
选择 布局 >> 添加小工具 >> HTML/Jawascript
然后把以下语法放进去
<script language=javascript> 
function dm(){return false;} 
function dp(e){if(e.which==1) 
{w=window;w.releaseEvents(Event.MOUSEMOVE);w.onmousemove=null;}} 
function da(){{alert("This function is disabled.");return false;}} 
function dd(e){if(e.which==3){return da();}} 
function cm(){hg=event.button;if(hg==2||hg==3)da();} 
d=document;w=window;vc=d.all;qb=d.getElementById; 
if(vc){if(qb){d.oncontextmenu=da;d.onselectstart=dm}else{d.onmousedown=cm;}} 
if(qb&&!vc){d.onmousedown=dm;d.onmouseup=dd;d.oncontextmenu=dm;} 
if(d.layers){w=window;w.captureEvents(event.MOUSEUP|event.MOUSEDOWN);w.onmousedown=dd;w.onmouseup=dp;} </script>

你可把这句子This function is disabled.换成你想要的句子
点击保存。完成:)
back to top