Song's profileMSN Space技巧归总BlogLists Tools Help

Blog


    July 05

    用<table>表格做带背景的内嵌式滚动文本框(之一)

     

    By 词嘲墨尽

     

    用div滚动文本的属性嵌入<table>,除了滚动文本框以外,其余的效果可以全部使用<table>的属性,这样的灵活性就会更强,也会变化出更多的花样来。效果如下:

     

    (由于需要多行文本,一时又没有找到合适的文字,就把前一阵子自己写的诗词贴了上来,见笑了。)


     

    那些花儿

    by 词嘲墨尽

    二十五日夜,感怀追逝,拙词以记之。

     

    遥记当年月独明,

    夜深江畔三人行。

    几颗星,

    几许明,

    几旬涛声

    几缕风。

    峦山登顶不知几层,

    一幢庙,

    一棵松,

    相顾无言,

    笑叹词穷。

     

     时过境迁日月催,

    江碧山青无可回。

    几酌酒,

    几许醉,

    几怀愁绪

    几曾悔。

    飞花渐逝怎堪回味?

    谁是谁,

    可曾归,

    白云苍狗,

    物是人非。

     

     

     

     

    代码如下:

    <TABLE style="WIDTH: 380px; HEIGHT: 411px"  background=图片地址 border=0>
    <TBODY>
    <TR>
    <TD>
    在这里填入滚动文本的标题文字
    </TD>

    </TR>


    <TR>
    <TD>
    <DIV style="OVERFLOW: auto; WIDTH: 375px; HEIGHT: 264px">

    在这里填入滚动文本框里的文字

    </DIV>

    </TD>

    </TR>

    </TBODY>

    </TABLE>

     

    解释一下:

    和以往的<table>教程里一样,WIDTH与 HEIGHT 即宽和高,都可以在正常编辑模式下用拖拉的方式改变,在这里,整个表格和DIV滚动文本框都可以用这种方式改变大小。

     

    background=图片地址   在红色字处添入你的背景图片地址,在这里,你可以给整个表格做背景,也可以给滚动文本框所处的表格做背景,这个灵活性很大,你可以根据自己的喜好随意选择。另一种效果会在下一篇里讲解。

     

    滚动文本框的设置也很丰富,比如可以设置滚动条的颜色等等,如果有相关需要请看文本滚动框的相关教程。

     

    下面是一个朋友━╃ 寂寞边界 ╄━用此语法做的效果,很有创意,欣赏一下:

    手机短讯!

    那天我痴痴地望着你性感的身躯,一丝不挂地在我面前扭动,轻轻抚摸你的肌肤,我无法抵挡你的诱惑:老板,我就要这条鱼!


    你快乐因为我快乐,我开心因为你开心,我愁了因为你瘦了,我瘦了因为你病了,我笑了因为你壮了,我有钱了因为把你卖了...猪啊!


    我第一次时很紧张,他一直要我温柔地放松,接着插入我身体,那里在流血,我痛得喊不出话来,这才明白.献血是这样的!


    那一夜我抱着你,在你耳边叫你戴上那玩意,你说不戴的感觉才够爽,现在是安全期,没事.可不戴头盔,交警抓着咋办?


    我是一个暗恋你的人,见到你的第一眼我就认定你是我今生该等的人,但我唯一的遗憾是..抱歉,我发错人了。


    当你默默离开我时,我痛苦万分,不知如何是好,看着你的背影远去,我恨自己,都是我的错...早起一点就赶上车了。


    你知道吗?我天天都在想你,夜夜都在念你。吃饭时想、睡觉时想、工作时想,很想对你说...快点还钱。


    我真地爱你,不想离开你,心痛你让我套的那么深。如果你真地不想让我难过,请快一点涨起来.股市。


    你善良像猫儿,你忠实像狗儿,你可爱像鸟儿,你识途像马儿,你出色像蝶儿,你勤劳像蜂儿,你什么都相像,也难怪大家都叫你..禽兽!


    第一眼见到你,我就对自已说:你就是我今生的奋斗目标,我要追求你,拥抱你。我要宣布:我爱你.钞票。


    没有你的曰子,生活变得难受,我恨那个可恶的第三者将你抢走,你和他是否有了新感情?好想你回到我身边——钱包。


    不要问我为什么哭泣,我的泪水为你而流,我的心为你而碎。我恨那个男人,他为什么要将你从我身边夺去.死小偷。


    害羞的我有一句话一直都不敢向你表白,但是今天我终于鼓起勇气:你什么时候请我吃饭?


    如果没有风,云不会动;如果没有水,鱼不能游;如果没有太阳,月亮就不会有光;如果没有你.笨人也就不存在了。


    食客:睡觉多少钱一晚?(水饺多少钱一碗)服务员:流氓!(六毛)商人:六毛?这么平宜。我来三晚(三碗)。


    由于次数太多(有时还一天两次),你那里的毛都被搞得乱七八糟的,抽插时也没了快感,我们还是分手吧.牙刷。


    当我穷困潦倒时,在我身旁的是你;当我生病受伤时,在我身边的是你;当我情场失意时,在我身旁的还是你.跟你在一起真倒霉。


    “紧吗?”“哦~不紧!”“可以再进去一点吗?”“小心一点,应该可以!”“痛吗?”“不痛!感觉真爽!就买这双吧。


    看着你那流线的躯体,我欲火焚身,拨开你那尚未开启的封盖,插入我自备的小棍,吸取你晶莹的液体,爽!雪碧~~


    词嘲墨尽

    您是第位朋友

    任何疑问请进入我的留言本

    Comments (199)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Aug. 21
    Aug. 4
    Oct. 6
    Sept. 22
    Sept. 22
    Sept. 14
    Sept. 10
    Sept. 10
    -wrote:
    谢谢,我当初就是照这篇日志说的方法做的,现在每篇日志都用代码,使我的空间更漂亮了,再次感谢!
    Feb. 15
    姝蒙wrote:
    得到了你很多的帮助呀,看了很多还是觉得你的教程教得简单易懂!~
    Feb. 14
    Célestinewrote:
    请教关于HTML代码
    MSN空间的日志
    HTML加入代码
    <marquee scrollamount="1" direction="up" height="90">
    <center><font face="隶书" color="#c0000" size="5"><b>彼岸花开<b></font></center></marquee>
    可是发布以后有些代码丢失变成
    <font face="隶书" color="#c0000" size="5"><b>彼岸花开</b></font>
    基本上我在空间上关于HTML中的移动图片及文字 的代码设置 在发布以后都丢失了。。。
    为什么呀!!!!!!!!!!!!!!!!5555555555555555555555555555555555
    Jan. 19
    -wrote:
    呵呵,学会了就很简单了,谢谢,我的空间全用的这种表格
    Dec. 23
    滚动文本不会能改变大小。。。。。。请赐教,谢谢
    Nov. 20
    好棒的老师,可不可以加我MSN呢?我想好好学习,谢谢
     
    Nov. 20
    Wenisa Shenwrote:
    ♪我喜欢这个 *^-^*☆
     
    Sept. 10
    Ski Liuwrote:
    图片怎么显示不了啊?
    July 12
    wrote:
    想了半天的问题,这样一下子就解决了,真是好开心啊,非常感谢哦!!
    June 19
    为什么图片没的显示出来?
    帮帮我了
    谢谢你啦!
    May 30
    谢谢了
    May 30
    ~格格~wrote:
    可以使用..谢谢啦.但要是背景图片.是我自己想放的那么大就好了..日记背景那么大..还要有滚动条的..
     
    Apr. 17

    Trackbacks (39)

    The trackback URL for this entry is:
    http://simplifytech.spaces.live.com/blog/cns!53ABB01DA8A53429!548.trak
    Weblogs that reference this entry