标签： ｃｓｓ

发布于

滚动文字等有用代码(放在自定列表中实现)

滚动字代码
1.建立第一个滚动字幕。代码：
<marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">你要设置的文字</marquee>
2.各参数详解：
a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)
3.实例：
a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。代码是：
<marquee scrollAmount=2 width=300><a href=http://qqjia.com>你要设置的文字</a></marquee>
b)当鼠标停留在文字上，文字停止滚动代码：
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>碧云轩-QQ家园</marquee>

c)交替效果。代码如：
<marquee scrollAmount=2 width=150 behavior=alternate>你要设置的文字</marquee>

[……]

阅读更多

发布于

最大高度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的代码如下：

[……]

阅读更多