js的对象和小效果案例

最新推荐文章于 2021-06-27 20:27:49 发布

shanhuchong67

最新推荐文章于 2021-06-27 20:27:49 发布

阅读量1.7k

点赞数

文章标签：数学计算 function div javascript random filter

本文链接：https://blog.csdn.net/shanhuchong67/article/details/7285112

版权

一，js中得对象。。例子中用到的都是内置对象
   对象：是属性和方法组合，完成一定功能，，《你的小汽车》
   属性：对我们的对象基本特征的描述《汽车的颜色》
   方法：对我们对象功能的描述《能解决什么问题》《汽车刹车前进》
力系统
二、js中的string对象
、内置的
、属性： length
、方法： indexOf 查找子字符串<匹配字符串>
         查找到了，返回字符串出现的位置
         没找到返回-1
         charAt（）返回指定位置的字符串
         substr（）字符串的截取，可以加两个参数，形如substr（2,2）
                                   也可以是一个参数，则表示这个截取到字符结束
            tolowerCase（）把字符串转换为小写
三、js中math对象数学的对象，常用的数学计算方法
    、math.pi 3.1415
    、方法 abs（） sin csin
    、random（）产生0-1随机小数
     产生随机的整数：Math.round（）
     产生m-n之间的整数：
                        Math.round（Math.random（）*（n-m）+m）

四、js中的date对象
、js中没用常用的属性
、方法
   setxxx表示：设置某个时间或者日期
   getxxx表示：获取某个使劲或者日期

   getDay（）：获得一周中的某一天（0-6）
   getYear（）：获取年
   getFullYear（）：完整的四位年
   getMoth（）：获取的是月份（0-11）
   getDate（）：获取月中得某一天（0-31）
---------------------------------------------------------------------------------
利用window对象，在实现一个图片的悬浮效果
、现有一个div，就是我们要控制的，她的起点（0,0）
、设定横向和纵向的速度
、控制广告div移动
   。广告div是否达到边界
   。如果到达边界后，我们设置速度反向移动

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

div{
position:absolute;

}

</style>
</head>

<body>

floatimg();

</script>

</body>
</html>

----------------------------------------------------------------------------------------
关于IE和火狐中处理event事件的兼容问题

核心语句：

对象.事件=function(e){//注意,e是隐藏的传递过来的参数

兼容FF 兼容IE
var evt=e||window.event;

}

event 事件对象

event.clientX 获得水平方向 X 轴坐标
event.clientY 获得水平方向 Y 轴坐标

------------------------------------------------------
实现状态栏的文字跑马灯效果

思路：

1、定义要走动的文字字符串

2、每次取出第一个字符，并且连接到源字符的末尾

3、把新的字符串写入到标题栏和状态栏

4、定时执行

<title>文字跑马灯效果</title>
<script language="javascript" type="text/javascript">
    var str="      欢迎进入河北软件职业技术学院      ";
    function cMove(){
    //第二句每环取出一个字符，并且连接到源字符的末尾
    str=str.substr(1)+str.charAt(0);
    //将字符串写入到状态栏
    window.status=str;
    //显示到标题栏
    document.title=str;
    //重复执行
    setTimeout("cMove()",300);

    }
</script>
</head>
<body οnlοad="cMove()">

</body>
</html>

实现图片移动拖影：
img{
position:absolute;
filter:alpha(opacity=100);/* IE */
-moz-opacity:1;/* Moz + FF */
opacity: 1;/* 支持CSS3的浏览器（FF 1.5也支持）*/
}

shanhuchong67

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js的对象和小效果案例

一，js中得对象。。例子中用到的都是内置对象对象：是属性和方法组合，完成一定功能，，《你的小汽车》属性：对我们的对象基本特征的描述《汽车的颜色》方法：对我们对象功能的描述《能解决什么问题》《汽车刹车前进》力系统二、js中的string对象、内置的、属性： length、方法： indexOf 查找子字符串查找到了，返回
复制链接

扫一扫