<html>
<head>
<title>on</title>
<style type="text/css">
.fur,.furC{width:400px;border:1px solid #000;padding:5px;margin:5px;}
</style>
</head>
<body>
<h1>向元素附加事件-on方法</h1>

<hr/>
<br/>
<div id="fuDiv"><div class="furC">点击,创建新元素!</div></div>
<br/><br/>
<hr/>
<br/>
<input type="button" id="offOn" value="移除方法"/>
<br/>
<hr/>
<pre>
☆1.7后live被移除,替代方法为on,用于向创建的元素添加事件,同样可以替代bind,delegate方法

☆为新创建的元素附加方法时,语法为:
    $(document).on("事件","元素",function(){
  ...
  });
  
☆如果不向新创建元素绑定方法,用法可类似于bind方法

☆解绑元素上的事件,如:
    $(document).off("事件","元素");  
  
</pre>
</body>
</html>
<script type="text/javascript" src="./jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){    
   $(".furC").on("click",function(){
      $("#fuDiv").append('<div class="fur">这新创建的元素,点击,该元素将被移除</div>');
  });
  $(document).on("click",".fur",function(){
      $(this).remove();
  });
  $(document).on("click","#offOn",function(){
      $(document).off("click",".fur");
  });
});
</script>
Tags:
<html>
<head>
<title>bind</title>
<style type="text/css">
ul{list-style-type:none;}
li{float:left;padding:5px 10px;border:1px solid #000;cursor:pointer;}
</style>
</head>
<body>
<h1>向元素附加事件</h1>
<hr/>
<label for="textInput">文本输入框</label>
<input type="text" id="textInput"/>
<input type="button" id="btInput" value="submit">
<hr/>
<ul>
    <li>导航一</li>
  <li>导航二</li>
  <li>导航三</li>
  <li>导航四</li>
  <li>导航五</li>
</ul>
<br/><br/>
<hr/>
<pre>
1.bind方法接受两个参数,第一个参数是要附加的事件类型,以字符串格式传入;
第二个参数是回调函数,将在事件触发时执行,该函数可以是匿名函数,也可以是具体函数。如:
  $(element).bind("事件:如单击click",function(){
      匿名函数内需执行的代码;
  });
  
2.同时附加多个事件,如:
  $(element).bind({
  事件1:function(){
      ...
  },
  事件2:function(){
      ...
  }
  });
  
3.快捷附加一个事件,如:
    $(element).事件名(function(){
     ...
  });
  
4.解绑元素上的事件,如:
    $(element).unbind("可选事件名,留空则解绑所有事件");  
</pre>
</body>
</html>
<script type="text/javascript" src="./jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
    $("#textInput").val('请输入文本内容!');
    $("#textInput").bind({
  blur:function(){
      var textContent=$(this).val();
    if(textContent==""){
          $(this).val('请输入文本内容!');
    }
  },
  focus:function(){
      $(this).val('');
  }
  });

  $("#btInput").bind("click",function(){
      var textContent=$("#textInput").val();
    alert(textContent);
  });
  
  $("li").bind({
  mouseover:function(){
      $(this).css("background-color","#000");
    $(this).css("color","#fff");
  },
  mouseout:function(){
      $(this).css("background-color","#fff");
    $(this).css("color","#000");
  }  
  });
});
</script>
Tags:


<html>
<head>
<title>ready</title>
</head>
<body>
<h1>先加载再执行</h1>
<pre>
1.使用ready方法传递函数,如:
    $(document).ready(functionName);
    function functionName(){
        ...
    }
  
2.函数可以是匿名函数或具体函数,如:
    $(document).ready(function(){
      ...
  });
  
3.省略ready方法的变形写法,如:
    $(function(){
      ...
  });
4.该方法可以重复使用。
</pre>
</body>
</html>
<script type="text/javascript" src="./jquery-1.9.1.js"></script>
<script type="text/javascript">
//$(document).ready(myAlert);
//$(myAlert);
//function myAlert(){
//   alert("good");
//}
//$(function(){
//    alert("hello");
//});
$(document).ready(function(){
    alert("hello world!");
});
$(function(){
    alert("hello js!");
});
</script>

Tags:

清明纪念卡片

seatop , 2013年4月4日 , 我评你论 , 评论(0) , 引用(0) , 阅读(3887) , Via 本站原创
Highslide JS
Tags:
算法的理解与运用离不开实践,即使课标要求较低。

数学教师的平时工作一般都离不开WORD和EXCEL软件,而这些软件中刚好有VB(Visual Basic)编辑与运行环境,但其中的语法和一些关键词与课本(苏教版)有些差异。

本文将对照课本内容进行一些梳理。

如何打开VB环境?

Highslide JS
Highslide JS
Highslide JS



如何运行计算1+2+3+…+100的一个算法代码?

Highslide JS
Highslide JS



需要运行的代码放在Sub 程序名称  与End Sub之间

赋值语句:课本使用的是←,而该环境中使用的是=。即a←a+1需要写成a=a+1

输入、输出语句:课本分别使用的是Read与Print,在实际运行中,输入输出的方法很多,在该环境中可以使用函数msgbox()输出,使用函数inputbox()输入。

msgbox(变量)即可以消息框的形式输入变量内容,如果想同时输出文本内容,文本内容需放在英文的双引号之间,文本与变量要用&连接。

x=inputbox("请输入x的值","对话框标题(可省略)"),这个语句的作用是弹出对话框,而输入的值将赋给变量x

Highslide JS



条件语句:课本中为 If 条件 Then 语句 Else 语句 End If ,该环境可以正常使用该语法。

循环语句:课本中为While 条件  语句 End While,该环境中为While 条件   语句  Wend;课本中For I From 初值 To 终值 Step 步长  语句 End For,在该环境中为For I=初值 To 终值 Step 步长   语句 NEXT。该环境中似乎没有DO...Until语句。

如果想知道其他关键词和语法,可以查阅帮助文件!
Tags:

拜年卡片

seatop , 2013年2月10日 , 计算机与网络 , 评论(0) , 引用(0) , 阅读(4002) , Via 本站原创

Highslide JS



下载文件 (已下载 380 次)
Tags:
分页: 9/94 第一页 上页 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 下页 最后页
新浪微博账号接入
百度搜索
日历
最新评论
最新留言
热门文章
热门Tags
链接
归档
统计
其他