随笔分类 -  JavaScript

html5 canvas画板
摘要：点击查看演示地址HTML5-CanvasDrawDemo Controller Color: Alpha: Size: 浏览器不支持Html5中的Canvas元素! Google Chrome 版本 33.0.1750.154 m 测试通过! IE9.0 不支... 阅读全文
posted @ 2015-10-12 21:50 张小三、 阅读(470) 评论(0) 推荐(0)
JavaScript:Div层拖动效果
摘要：Div层拖动效果图:实现：CSS：View Code <style>div{position:relative;}</style>JS：View Code <script type="text/javascript"> var mouseover=truevar xcoor;var ycoor;function coordinates(){if (event.srcElement.id.indexOf("wishbroad") == 0) { event.srcElement.style.zIndex = 1000; 阅读全文
posted @ 2013-03-12 20:49 张小三、 阅读(2893) 评论(2) 推荐(0)
JavaScript:九种js弹出对话框
摘要：【1、最基本的js弹出对话框窗口代码】这是最基本的js弹出对话框，其实代码就几句非常简单：View Code <script LANGUAGE="javascript"> <!-- window.open ("page.html") --> </script> 因为这是一段javascripts代码，所以它们应该放在<script LANGUAGE="javascript">标签和</script>之间。<!-- 和-->是对一些版本低的浏览器起作用，在这些老浏览 阅读全文
posted @ 2013-03-12 20:34 张小三、 阅读(12166) 评论(0) 推荐(1)
常用JavaScript
摘要：以下整理的JavaScript常用的脚本，有需要的朋友可以收藏了喔~1.让文字不停地滚动<MARQUEE>滚动文字</MARQUEE>2.记录并显示网页的最后修改时间<script language=javascript>document.write("最后更新时间: " + document.lastModified + "");</script>3.关闭当前窗口<a href="#" onClick="javascript ：window.close();return 阅读全文
posted @ 2013-03-11 23:01 张小三、 阅读(1262) 评论(3) 推荐(0)
JavaScript:将Table导出到Excel
摘要：function copyToExcel(tableid) { //控制按钮 var btn = document.getElementById("copy"); btn.setAttribute("disabled", "true"); btn.setAttribute("value", "处理中..."); var curTbl = document.getElementById(tableid); try { var oXL = new ActiveXObject("Excel. 阅读全文
posted @ 2013-03-11 22:37 张小三、 阅读(2237) 评论(0) 推荐(0)
TypeScript电子时钟示例
摘要：听说MS出了差不多能“替代”JavaScript的东东，那是啥呢，就是TypeScript，完全兼容JavaScript，好奇之下，试了一下，嘿嘿，感觉不错。更能体现出OO的思想了，与C#又有极大的相同点（只是语法上挺相似），写起来顺手比原来的JavaScript顺手多了。下面来演示一个简单的小例子，就是Web页面上的时间，相信会JavaScript的人想都不用想就可以直接敲出来了，但是你有试过用TS写吗？用C#的概念讲解一下TS：1、首先定义个命名空间 module--NameSpace2、增加一个Test类，需要用关键字 export3、实现类...具体代码如下：module Time { 阅读全文
posted @ 2012-10-10 12:49 张小三、 阅读(2446) 评论(0) 推荐(0)
JQuery表格隔行背景和突出显示当前行
摘要：先上图，当前鼠标停留在‘李四’这行上，这行的背景色就变了。这种情况大家在很多地方也能见到，实现起来很简单。废话不多说，直接贴源码。注：需要引入 jquery-1.7.2.min.js<html> <head> <title>表格隔行背景和突出显示当前行</title> <style type="text/css"> body{ margin:0 auto; font-size:12px;} .data_list td{ width:100px;} </style> <scr... 阅读全文
posted @ 2012-10-07 23:02 张小三、 阅读(995) 评论(0) 推荐(0)
JQuery随机生成动态竖状条投票结果
摘要：生活中很多地方都能看到竖状的投票结果条，会不断的增长到票数，比如电视上的即时投票，多一票就涨高一点，那么这个效果怎么实现呢，现在就来演示一下吧。代码如下：注：需引用JQuery1.7.2，如没有的话直接百度一下就OK了。<html><head> <title>竖状条</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascri 阅读全文
posted @ 2012-10-07 22:57 张小三、 阅读(998) 评论(0) 推荐(0)