zoukankan      html  css  js  c++  java
  • 左右对联

    你好!

    1.在两边挂着不会动的
    右边:
    <IMG style="RIGHT: 5px; POSITION: absolute; TOP: 10px" src="图片网址" align=right>
    <DIV></DIV>
    左边:
    <IMG style="LEFT: 5px; POSITION: absolute; TOP: 10px" src="图片网址" align=left>
    <DIV></DIV>

    以下是一些挂件地址(复制):
    http://bbs.uying.com/72/57969/
    http://photo.play119.com/Pic/200510134151215213.gif
    http://image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif
    http://image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif
    http://s8.album.sina.com.cn/pic/4782625a020000vj
    http://s7.album.sina.com.cn/pic/4782625a020000w6
    http://s12.album.sina.com.cn/pic/4782625a020000un
    http://s11.album.sina.com.cn/pic/4782625a020000um
    http://s7.album.sina.com.cn/pic/4782625a020000vi
    http://hehe529.bokee.com/inc/20041222105905-0.gif

    2.会随着鼠标移动的
    右边:
    DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-990); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
    <DIV></DIV>

    左边:
    <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-100); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
    <DIV></DIV>


    不随鼠标滚动的代码
    <CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/129.swf width=980 height=1024 type=application/x-shockwave-flash ; quality="high" wmode="transparent"></CENTER>

    随鼠标滚动的代码
    <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1000); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-700); TEXT-ALIGN: center">
    <TABLE cellSpacing=0 cellPadding=0 align=center border=0>
    <TBODY>
    <TR>
    <TD><EMBED style="POSITION: absolute" src="http://imgfree.21cn.com/free/flash/129.swf" width=900 height=700 type=application/x-shockwave-flash wmode="transparent" quality="high" ;> </TD></TD></TR></TBODY></TABLE></DIV></DIV>


    左右浮动天使的代码………………

    固定不动的右挂件
    <DIV style="LEFT: 900px; POSITION: absolute; TOP: 100px" align=right><IMG src="http://www.haotu.cn/0815/sucai/gif/38/030116girl018.gif" align=right></DIV>

    天使左
    <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-100); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="http://www.haotu.cn/0815/sucai/gif/38/030116girl017.gif" border=0></DIV>
    <DIV></DIV>

    天使右
    <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-990); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="http://www.haotu.cn/0815/sucai/gif/38/030116girl018.gif" border=0></DIV>
    <DIV></DIV>

    具体操作方法如下:
    点击管理博客——个人首页维护——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”【这时你会看到面板中已经有一行代码了<DIV> </DIV>】——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码(钩号消失)——保存新增面板——定制个人首页——选取新增面板——保存设置;


    如果想把自己BLOG页面装饰的漂亮点,我这里有装饰代码,和详细的使用方法,以及数千张背景图片素材供你选择,希望能对你有所帮助;


    谢谢您的提问,祝您一切顺利!欢迎光临我的博客!

  • 相关阅读:
    C++primer拾遗(第五章:语句)
    每日编程-20170315
    C++primer拾遗(第四章:表达式)
    C++primer拾遗(第三章:字符串、向量和数组)
    每日编程-20170314
    C++primer拾遗(第二章:变量和基本类型)
    每日编程-20170313
    每日编程-20170310
    每日编程-20170309
    C++primer拾遗(第一章:开始)
  • 原文地址:https://www.cnblogs.com/zyxzhsh/p/1904090.html
Copyright © 2011-2022 走看看