JavaScript的技巧太多了,尤其是为了实现前台的漂亮的动态感觉。
因为太多了,所以我就列几个工作中用的着的,或者项目里看见的有意思的小应用
1。字幕移动的效果
<marquee οnmοuseοver="this.stop()" οnmοuseοut="this.start()" scrollDelay=110 >
就是自右向左移动的字幕,鼠标移动上去就停。中间可以嵌套超链接,平时都是这么用。
2。页面的打开和关闭
<BODY OnLoad="init()" OnUnLoad="finish()">
这个就是页面打开和关闭的时候自动调用的方法。
3。鼠标的形状
<style type="text/css">
<!--
.hand{cursor:hand;} /*手形*/
.crosshair{cursor:crosshair;} /*精确定位“+”字*/
.move{cursor:move;} /*移动*/
.e-resize{cursor:e-resize;} /*箭头朝右方*/
.ne-resize{cursor:ne-resize;} /*箭头朝右上方*/
.nw-resize{cursor:nw-resize;} /*箭头朝左上方*/
.n-resize{cursor:n-resize;} /*箭头朝上方*/
.se-resize{cursor:se-resize;} /*箭头朝右下方*/
.s-resize{cursor:s-resize;} /*箭头朝下方*/
.w-resize{cursor:w-resize;} /*箭头朝左方*/
.text{cursor:text;} /*“I”字型*/
.wait{cursor:wait;} /*等待*/
.help{cursor:help;} /*帮助*/
-->
</style>
4。文件中css或者js文件的调用
<link rel="stylesheet" type="text/css" href="mystyle.css">
这是比较标准的方式,至少是默认方式
<style type="text/css">
<!--
@import url(mystyle.css);
-->
</style>
5。将本站设置为首页
function set()
{
sethome.style.behavior="url(#default#homepage)";
sethome.setHomePage("http://www.csdn.net");
}
6。xls文件格式对xml文件内容的装修用法
<1>在xml文件中声明版本信息和使用xsl文件格式
<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="xml3.xsl" ?>
<2>在xsl文件里面声明版本信息
<?xml version="1.0" encoding="UTF-8" ?>
<3>在xsl文件中使用固定嵌套格式 和 固定标签
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html><head></head><body><p>...<h1>...</body></html>
</xsl:template>
</xsl:stylesheet>
这种xsl的标签,暂时只知道下面的几种
(1) <xsl:for-each select="classmates/student"> //循环递归,要写全完整路径
(2) <xsl:value-of select="sname" /> //根据sname去xml文件中取值
(3) <a target="_blank"> //对于超链接的固定用法
<xsl:attribute name="href">
<xsl:value-of select="网址" />
</xsl:attribute>
点击这里下载
</a>
(4) <xsl:apply-templates select="classmates/student" /> //调用另一个xsl:template
<xsl:template match="student"> //供上面来调用,主意路径
(5) <xsl:choose> //判断,选择
<xsl:when test=".[value()$ge$60]">及格</xsl:when>
<xsl:otherwise>不及格</xsl:otherwise>
</xsl:choose>
顺便解释一下test条件中的含义(在linux的shell编程里面也是这样定义的)
$eq$ 等于
$ne$ 不等
$gt$ 大于
$lt$ 小于
$ge$ 大于或等于
$le$ 小于或等于