随笔分类 -  javascript动态网页技术

针对这块进行总结,随笔课堂...面向对象设计...交互式页面...
摘要:好久不来写东西了,这段时间太慢了,闲了下来看了几篇文章,觉得很好,同时也许咱们大家都能遇到,所以就把它记录下来...简单使用JavaScript、JQuery、ExtJs进行DOM对象创建的测试,主要是使用JavaScript、JQuery、ExtJs动态创建Table对象、动态Table数据填充、多选控制。1.简单前台数据处理界面有点丑了,没美化界面,主要是JavaScript动态创建Table。效果图: 1 2 3 4 Js创建Dom对象 5 43 44 45 46 47 49 ... 阅读全文
posted @ 2013-07-06 18:03 妍珊 阅读(1296) 评论(0) 推荐(0) 编辑
摘要:有好久没来了,前段时间生病了,所以也没时间添加东西和学习,还有就是先给给我留言和回复的学友道声歉,没能及时给你们解决问题和回答,在这里深感抱歉...好了,别的就不多说了,说说最近的问题吧。 最近有点忙,以前没接触过网页图片的滚动效果的制作,现在要实现这个了,就临时抱抱佛脚学习了点,现在整理下,以免忘了,多多积累。现在才体会到:书到用时方恨少!好了,别的就不啰嗦了,现在整理了三个模板的滚动效果。模板一:js动态图片滚动效果非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应. 阅读全文
posted @ 2013-01-24 16:04 妍珊 阅读(7401) 评论(14) 推荐(3) 编辑
摘要:View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="te 阅读全文
posted @ 2012-11-22 22:21 妍珊 阅读(789) 评论(0) 推荐(0) 编辑
摘要:好久没来啦,最近比较忙,一直做项目,那我这回就写一些项目中的常见又被忽略的问题,我们平时做项目或网页时长用到Button其实我们大可以把它美化一下,这样看着和页面对称,用的更多。。按钮总的来说是WINDOWIN中最学用的也是最基本的一种控制部件,比如在各种编程语言中及应用程序中都少不了按钮的参与,在网页设计中也是如此,通过按钮可以完成很多任务,以下将全面讲解按钮使用技巧及应用实例。 一、按钮的基本使用 一般的可视性网页制作工具中,都有方便的按钮填加工具,可直接在网页的合适位置填加按钮,如果你使用手工的网页制作方法,那么可用下面的源代码制作按钮,其中onclick决定按下按... 阅读全文
posted @ 2012-10-24 20:16 妍珊 阅读(5830) 评论(0) 推荐(0) 编辑
摘要:有一个表格,有一行表头和8行数据,每一行有5列。实现鼠标滑到数据行上改变当前行颜色,移除是变回来。很好玩的...我们学习一下?。。。。<title>无标题文档</title><script type="text/javascript">/*有一个表格,有一行表头和8行数据,每一行有5列。实现鼠标滑到数据行上改变当前行颜色,移除是变回来。*/function changeColor(dom){ dom.style.backgroundColor = "green";}function backColor(dom){ do 阅读全文
posted @ 2012-08-04 16:22 妍珊 阅读(414) 评论(0) 推荐(0) 编辑
摘要:如果点击全选就把所有选项全选上,这个我们常用。。。View Code 1 <script type="text/javascript"> 2 /*实现checkbox的全选和取消*/ 3 function selectAll(dom){ 4 var a = document.getElementsByName("select"); 5 if(dom.checked){ 6 for(i=0;i<a.length;i++){ 7 a[i].checked = true; 8 ... 阅读全文
posted @ 2012-08-04 16:16 妍珊 阅读(461) 评论(0) 推荐(0) 编辑
摘要:<head>javascript控制5秒后页面自动跳转</head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script type="text/javascript"> function countDown(secs,surl){ //alert(surl); var jumpTo = document.getElement 阅读全文
posted @ 2012-08-04 15:43 妍珊 阅读(5839) 评论(0) 推荐(2) 编辑
摘要:下面我们就让它自动刷新,就得要用到它的setTimeout函数了,//setInterval也行不过是有区别的哦。。。。View Code 1 function Clock() 2 { 3 var date = new Date(); 4 var year = date.getFullYear(); 5 var month = date.getMonth(); 6 var day = date.getDate(); 7 var week = date.getDay(); 8 var hour = date.getHours(); 9 var minut... 阅读全文
posted @ 2012-08-04 15:31 妍珊 阅读(401) 评论(0) 推荐(0) 编辑
摘要:首先我们得获取时间,利用函数date来获取各个需要的值:View Code 1 var time = new Date(); 2 var year = time.getFullYear(); 3 var month = time.getMonth()+1; 4 var day = time.getDate(); 5 var week = time.getDay(); 6 var hour = time.getHours(); 7 var minute = time.getMinutes(); 8 var second = time.... 阅读全文
posted @ 2012-08-04 15:29 妍珊 阅读(382) 评论(0) 推荐(0) 编辑
摘要:document.write("九九乘法表:"); document.write("<br>"); for(i = 1; i<10;i++){ for(j = 1; j<=i;j++){ var result = i*j; document.write( j + "*" + i + "=" + result +" " ); } document.write("<br>"); } 阅读全文
posted @ 2012-07-28 10:47 妍珊 阅读(314) 评论(0) 推荐(0) 编辑