分类： 旧分类

发布于

滚动文字、新闻特效的三种实现方法

由于marquee标签现在用得是越来越少了，所以滚动效果的做法大多也都改用javascript来实现了，至于不明白为什么不直接用marquee标签的朋友，不妨先阅读一下这篇文章。

  • 第1页：用javascript模拟marquee的做法
  • 第2页：自动根据内容自动进行左右滚动的效果
  • 第3页：最简单的滚动实现方法

    •  

    第一种方法：用javascript模拟marquee的做法。演示 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title> 热点新闻webjx.com</title>
    <style type="text/css">
    <!–
    body {
    margin: 0px;
    font-size: 12px;
    color: #938C43;
    line-height: 150%;
    text-align:center;
    }
    a:link{color: #9D943A;font-size:12px;}
    a:hover{color: #FF3300;font-size:12px;}
    a:visited{color: #9D943A;font-size:12px;}
    a.red:link{color: #ff0000;font-size:12px;}
    a.red:hover{color: #ff0000;font-size:12px;}
    a.red:visited{color: #ff0000;font-size:12px;}
    #marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}
    –>
    </style>
    </head>

    [……]

    阅读更多

    发布于

    起床后，打开窗户呼吸新鲜迎接新的一天。

    美美的睡了个好觉，起床来懒懒的不想动，舒展一会，感觉不像是清晨起床，忽然间想打开窗户，打开窗户来，清晨那美好的气息随着舒服的朝气吹进来，感觉无比的舒服，久违了的一种感觉。伏在窗台向下望，楼下老师的父母在楼后的自垦地里把玩着自己种的菜。虽然楼下关于禁止在空地种植农作物的通知贴了无数次，也同样妨碍不到他[……]

    阅读更多

    发布于

    最大高度max-height最小高度min-height兼容各浏览器

    一个项目中要有这么一个效果:列表默认有一个高度,当超出高度时就出现滚动条.这很简单只需要:给容器的div定义一个高度,然后overflow: auto;
    但是这并不是他想要的,还有另外的要求:当列表中的内容没有超出这个高度的时候,它只占有它自身的高度,举个例子:整个列表的最大高度是二行,当内容只有一行时它只显示一行的高度,二行的时候显示两行,当超过二行时就出现滚动条了.

    点击查看demo演示

    [……]

    阅读更多

    发布于

    深入解析模板技术原理【一】

    1、模板的由来
    在没有模板技术之前，使用PHP开发程序，通常都是php代码和html混编在一起。比如说新闻列表，很可能就是一个newslist.php页面，结构如下：


    <?
    //从数据库中读取出要显示的新闻记录
    ?>
    <html>
    <head>……..
    </head>
    <body>
    <?
    While ($news = mysql_fetch_array($result)) {
    ?>
    <!--输出新闻标题   -- >
    <?
    }
    ?>
    </body>
    </html>

    那么这样有什么问题呢？首先，不利于分工合作。一般来说，都会由程序员来写代码，美工人员设计页面。那么在这种方式中，程序员必须等待美工人员把界面设计好才能开始工作。也就是说程序员和美工的工作是不能同步的。其次、不利于维护，可维护性差。比如说程序固定后，要修改界面，那么必须由美工修改后，程序员再重新添加。最后，程序结构混乱，可读性差。HTML和PHP混编在一起，一旦程序一多，就会变的非常的凌乱。
    理解模板原理——使用PHP标签的模板技术
    模板技术正是为了解决这些问题而出现的，为了解决这些问题，最早出现的是使用php标签的模板技术。
    首先，我们要明白模板的目的是什么。模板主要要实现几个任务呢？第一、美工和程序的分离。更确切的说法是获取数据和显示数据的分离。第二、分工。良好的分工合作。
    比如说新闻列表，如果使用模板，我们就可以把新闻列表的操作分成两部分：
    1、 getnews.php 负责从数据库中读取数据到数组$news中，不关心$news是如何显示的。
    2、 Shownews.php 负责把$news数组输出成HTML页面。而它不需要理会$news是从哪里来的。
    好，这样，我们就实现了美工和程序的分离，达到了我们的初步目的，但是如何把这两个页面联合起来，并实现listnews.php的功能呢？
    这就需要另外一个页面listnews.php，来负责把“美工（显示数据）”和“程序员（获取数据）”连接起来。应该说这个页面就是很简单了。
    假设getnews.php的代码如下：

    [……]

    阅读更多

    发布于

    网页尺寸的界定

    由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800×600的情况下，页面的显示尺寸为：780×428个象素；分辨率在640×480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007×600。从以上数据可以看出，分辨率越高页面尺寸越大。
    浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。
    在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。
    1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
    2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。
    3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右  
    4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象
    5、1024*768 下网页的尺寸:width=955,height=600
    800*600 下网页的尺寸:width=760,height=420

    一般分辨率在800×600的情况下，页面的显示尺寸为：780×428个象素；
    分辨率在640×480的情况下，页面的显示尺寸为:620X311个象素；
    分辨率在1024X768的情况下，页面的显示尺寸为：1007×600


    网页尺寸，随心缩放
    通常情况下，IE浏览器中显示出来的网页，其尺寸大小相对是固定不变的，访问者想自行改变浏览页面的大小时，往往只能通过设置显示分辨率的方法，来简单地改变浏览页面的尺寸大小，不过这种方法对网页尺寸的缩放程度非常有限。其实利用“打印预览”命令，你能随心所欲地缩放网页尺寸。
    首先用IE打开需要进行尺寸缩放的目标页面，再单击IE菜单栏中的“文件”选项，从弹出的下拉菜单中执行“打印预览”命令（要使该命令有效，必须事先安装好打印机或虚拟打印机）；随后IE浏览页面将被自动切换到“打印预览”模式下，此时你可以连续单击工具栏中的“放大”图标，对当前页面的尺寸进行任意放大，同样可以对目标页面的尺寸进行随意缩小，当然也可以在图4窗口的缩放比例列表中，指定一个合适的缩放比例；例如要将网页尺寸放大一倍的话，就可以将缩放比例设置为“200%”，要想将网页缩小一倍显示的话，可以将缩放比列设置为“50%”。

    [……]

    阅读更多

    发布于

    已走过的20年–纪实生活喜剧

    20岁，不多不少，每天听到周围关于20人生黄金阶段教授，却又从四处传来20岁别太计较，当你走过之后会发现一切都是幼稚的成长而已。

    我比较认同一切都是比较幼稚的成长的观点，也正如此我这20年也就没取得在同龄人面前值得炫耀的成绩。

    一直在幼稚的成长着，唯有能让自己沾沾自喜的也就是偶尔会自己跳出自己的思想，回望一下自己成长的路，从旁观者的角度看自己多样的生活，那是也便是我最大的收获，收获了一份属于自己的生活喜剧：{关于生活：悲观的人看它是一场闹剧，享受的人看它是一场喜剧。}

    [……]

    阅读更多

    发布于

    熬至滴水成珠-好书推荐

    池莉著

    人生的春(1) 

    ————看看豆瓣上激烈的热评》》 去当当购买《熬至滴水成珠》

            有一种春，是无法守候的。这就是人生的春。人生的春往往与年龄没有关系，却只是一种苏醒。这样的苏醒，如偏僻乡村篱笆上的野玫瑰，花朵开得烂漫，意象上却单单只有光明，简单，敦厚与宁静。

    不要以为意象上的光明，简单，敦厚与宁静容易得到。更不要以为有了偏僻乡村，目的就八九不离十了。不是的。这种意象不是浅显的看图说话。能够形成这种意象的，要木篱笆，要野玫瑰，要好阳光，要一道碎石小路，从篱笆下面蜿蜒伸出，远远地，远远地深入到了起伏的山坡，要山坡上有茂密的针叶林，要林子里淡淡地散发着松香。

    [……]

    阅读更多

    发布于

    朋友-快乐追梦

    每个人都有自己的梦想，你我也不例外，我们一起为梦想奔忙的时候，会很快乐，但有时候我们也会迷茫，努力了很多得到了些什么呢？

    下面是我一位致力于彩绘艺术朋友的作品，他现在的生活或许很忙碌，或许并不是他想要的，但我想告诉他你已经迈出了成功的一大步，坚持到达终点，世界将会为你改变;

     

    梦想正如梦里敦煌；

    一幅一幅都是梦想的前进

    [……]

    阅读更多

    发布于

    网站搭建-免费空间篇

    说到Freehostia这个免费空间，有玩免费空间的人都知道这个空间，若你还不知道就逊掉了。这个老牌的稳定免费空间提供250MB空间、每个 月6GB的流量，并支持域名绑定、电子信箱等等，最重要的是后台管理介面是全中文，对于国人来说可真的是非常友善的空间，虽然方案有点小，不过对一般个人 网站来说是非常足够使用的。
    [……]

    阅读更多

    发布于

    这就是事实

    1、永远不要向任何人解释你自己。因为喜欢你的人不需要，而不喜欢你的人不会相信。
    2、别让某人成为你生命中的优先，当你只是他们生命中的一个选择时。人与人之间的关系只有在彼此达到平衡时，运作的最恰当。
    3、每天早上醒来时，我们可以有两个简单的选择，回头去睡，继续做梦，或者起身去追逐梦想，选择权在你手上。
    4、我们总让在乎我们的人为我们哭泣，并总为那些永远不会在乎我们的人哭泣，且我们在意那些永远不会为我们哭泣的人，这是存在于生命的真实，奇怪却真实，一旦你了解了，改变不会太迟。
    5、别在喜悦时许下承诺，别在忧伤时做出回答，别在愤怒时做下决定。三思而后行，做出睿智的行为。
    6、时间就像流水。你永远无法触摸同样的流水两次，因为已经流逝的流水不会再来，享受生命的每个当下！
    7、当你持续的说你非常忙碌，就永远不会得到空间，当你持续的说你没有时间，就永远不会得到时间，当你持续的说这件事明天再做，你的明天就永远不会来。

    [……]

    阅读更多