- 博客(115)
- 资源 (1)
- 收藏
- 关注
转载 使用html2canvas.js实现页面截图
由于最近项目需求,需要实现html页面截图,经过查资料,找到了这个东东html2canvas,刚开始截出来的图片,空白、模糊、图片不完整,各种问题,但幸好有各路大神的见解,把问题解决了,以下是我写的一个demo,仅供大家参考哦1、html页面引入两个js,html2canvas.js里面不用改东西哦2、css样式:.main{width:100%; backgro
2018-01-31 11:09:37 14912 6
原创 css3实现渐变、阴影、超出指定文本省略号显示等一些效果
1.实现边框圆角 :border-radius:5px2.实现文字阴影 :text-shadow: .1em .1em .1em #aaa 带有模糊效果的阴影 text-shadow: 3px 3px #aaatext-shadow:-1px -1p x white,1px 1px #333立体文本特效text-shadow:1px 1
2013-12-05 15:59:37 4352
原创 jquery滚动条插件nanoscroller的应用
1.引入样式 nanoscroller.css2.两个js文件,一个jquery库,一个jquery.nanoscroller.js3.可以自己设置的样式 .nano { background: #bba; width: 300px; height: 300px; } .nano .content { padding: 10px; } .nano .pane {
2012-11-20 10:03:58 7682 3
原创 js省市二级联动
var where = new Array(35); function comefrom(loca, locacity) { this.loca = loca; this.locacity = locacity; } where[0] = new comefrom("请选择省份", "请选择城市"); where[1] = new comefr
2012-09-10 17:36:33 20795
原创 浏览器的兼容问题
1.在IE6浏览器里有些div的宽度会明显偏高。 解决方法:在div样式里加overflow:hidden2.在IE6、IE7、IE8里,文本框设置了宽度时,在其输入的字并不是上下居中,而是偏上。 解决方法:在样式里加line-height就可以啦,一般line-height的高度和文本框的高度一致。3.IE6双边距,块属性标签float之后,又有margin的情况下,IE6里
2012-08-24 15:56:36 764 2
原创 js 登录注册
注册页面 注册 .content { width: 400px; height: auto; margin: 0 auto; border: 1px solid #CCC; text-align: cente
2012-07-05 08:49:07 11686 3
原创 js 全选、反选、全不选、动态添加行、动态删除行
//动态添加行 function AddLine() { var ul = document.getElementById("content_ul"); var checkbox = document.createElement("input"); checkbox.setAttribute("type", "
2012-07-03 08:24:05 1977
转载 Linq To Sql常用方法使用总结
准备工作:数据表:Table1 ID int PKCol1 varchar(50)Col2 int======================================Table2ID int PKoID int FKRemarks
2012-06-20 08:30:48 800
原创 GridView中根据CheckBox选中的行取出某列的值及计算数据列的总数
根据CheckBox选中的行取出某列的值:for (int i = 0; i { CheckBox ckb = (CheckBox)this.GridView1.Rows[i].Cells[0].FindControl("CheckBox1"); if (ckb.Checked) {
2012-05-09 19:34:37 3024
原创 asp.net Calender控件的应用
前台: <asp:ImageButton ID="ImageButton1" runat="server" Width="25px" Height="25px" ImageUrl="~/Calender.png" onclick="ImageButton1_Click" />
2012-05-04 11:39:09 1858
原创 dataList的嵌套使用
前台: onitemdatabound="DataList1_ItemDataBound" RepeatColumns="3" RepeatDirection="Horizontal">
2012-04-30 20:54:19 526
原创 javascript dom基础
一.节点(node)层次1.Document:最顶层的节点,所有其他节点都是附属于它的2.DocumentType:DTD引用的对象表示形式,不能包含子节点3.DocumentFragment:可以向document一样保存其他节点4.Element:表示起始标签和结束标签之间的内容,唯一可以同时包含特性和子节点的节点类型5.Attr:代表一对特性名和特性值,不能包含子节点
2012-04-19 19:16:39 468
转载 asp.net GridView和下拉菜单DropDownList结合
后台代码:using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;
2012-04-18 21:46:16 2557
原创 GridView里隔行变色
$(function () { var mytr = $('#GridView1 tr'); for (var i = 1; i if (i % 2 == 0) { $('#GridView1 tr:eq(' + i + ')').addClass('classoush
2012-04-18 13:44:37 2760
原创 GridView和下拉菜单DropDownList结合
后台代码:using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;
2012-04-13 14:45:21 759
原创 js+jquery注册信息的基本验证
$(function () { //当焦点移出txtUserName触发的事件 $('#txtUserName').blur(function () { var username = $.trim($(this).val()); if (username == "") {
2012-04-12 16:46:32 6259
原创 treeview的使用
1.找不到TreeNode类 使用TreeView,需要添加namespace:using Microsoft.Web.UI.WebControls;2.遍历TreeView节点下面是一个利用TreeView控件生成树状导航的示例。可以无限生成多级菜单。树型结构表Para_ItemItem_ID(节点ID) Item_Name(节点名) Parent_ID(父结点I
2012-04-10 17:18:30 457
原创 xml导入和导出
将数据库里的数据导出到xml文件:string str = ConfigurationManager.ConnectionStrings["sqlcnn"].ConnectionString; SqlConnection con = new SqlConnection(str); SqlCommand cmd = con.CreateCommand(
2012-04-09 21:13:16 1857
原创 无刷新验证用户是否存在
WebService.cs[WebMethod] public string SelectUser(string strUser) { SqlConnection conn = new SqlConnection(strcon); SqlCommand cmd = conn.CreateCommand(); cmd.Co
2012-04-06 21:22:04 374
原创 鼠标悬停背景翻转导航
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">导航菜单-鼠标悬停背景翻转的黑色jQuery菜单 - 烈火学院.menu{height:41px;display:block;width:662px;}.menu ul{list-style:non
2012-03-29 21:44:41 500
原创 jquery 返回顶部
var speed=10var currentpos=0,alt=1,curpos1=0,curpos2=-1function initialize(){startit()}function scrollwindow(){if (document.all)temp=document.documentElement.scrollTopelsetemp=window
2012-03-29 21:39:37 364
转载 javascript 经典技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6. 可以
2012-03-27 16:34:14 536
原创 AJAK的理解
AJAK全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术 什么是AJAK,首先提到的是我们在提交信息时,经常把信息提交到数据库,之后再刷新页面显示出来。如果使用了AJAK,用户提交信息后,一边将AJAK的信息插入到数据库,另一边直接操作htnl将什么是AJAK直接显示出来,这样做的好处是
2012-03-23 14:59:00 11329
原创 跟随鼠标旋转背景
把如下代码加入区域中var Clrs = new Array(6);Clrs[0] = 'ff0000';Clrs[1] = '00ff00';Clrs[2] = '000aff';Clrs[3] = 'ff00ff';Cl
2012-03-22 22:08:39 444
转载 jquery中的select操作
//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function()
2012-03-21 19:51:38 339
原创 jQuery中each的用法
each函数根据参数的类型实现的效果不完全一致: 1、遍历对象(有附加参数) $.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数 }, ['参数1', '参数2']); 2、遍历数组(有附件参数) $.ea
2012-03-19 21:32:47 514
原创 jQuery常用操作
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jq
2012-03-16 14:28:11 387
原创 jQuery点击小图片显示大图片
.warp { width: 487px; height: 194px; overflow: hidden; border: solid 1px #ccc; position: relative; top: 0px;
2012-03-15 19:03:31 1492
原创 jQuery基础知识
1.$(document).ready 文档加载完毕的时候发生例如:$(document).ready(function()){alert(‘document是获取整个文档对象’);})2.鼠标点击事件例如:$(document).ready(function){$(‘div’).click(function(){alert(‘’test);})})test
2012-03-14 20:59:57 463
原创 jQuery点击弹出下拉菜单
导航——点击弹出内容 .navgation{margin:0;padding:0;list-style-type:none;position:relative;}.navgation li {float:left;}.navgation a{padding:3px 6px;background-color:orange;color:white;text-decoration:
2012-03-13 21:35:51 7720
原创 jquery导航
http://www.w3.org/1999/xhtml"> 仿微软 #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-
2012-03-12 21:46:55 369
原创 javascript内置函数
1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是: document->html->(head,body)4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值: document.g
2012-03-09 14:43:29 447
原创 javascript 中的dom
什么是DOM?通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。在1998年,W3C发布了第一级的DOM规范。这个规范允许访问和操作HTML页面中
2012-03-08 21:09:17 1741
原创 javascript 窗口操作
function movebyBrowser() { window.moveBy(10, 10); //浏览器向右移动10,再向下移动10 } function moveToBrowser() { window.moveTo(100, 100); //移动浏览器到指定位置 }
2012-03-07 21:52:41 335
原创 cookies读写
Cookie (HttpCookie的实例)提供了一种在 Web 应用程序中存储用户特定信息的方法。例如,当用户访问您的站点时,您可以使用 Cookie 存储用户首选项或其他信息。当该用户再次访问您的网站时,应用程序便可以检索以前存储的信息。创建Cookie方法 (1)Response.Cookies["userName"].Value = “admin";Response.Coo
2012-03-06 21:22:23 271
原创 js简单计算器
input{ width:40px; height:25px; } var result; //保存点击运算符之前输入的数值 var operator; //保存运算符 var isPressEqualsKey = false; //记录是否按下“=”键
2012-03-05 21:25:30 422
原创 Random快速连续产生相同随机数
Random类是一个产生伪随机数字的类,它的构造函数有两种,一个是直接New Random(),另外一个是New Random(Int32),前者是根据触发那刻的系统时间做为种子,来产生一个随机数字,后者可以自己设定触发的种子,一般都是用UnCheck((Int)DateTime.Now.Ticks)做为参数种子,因此如果计算机运行速度很快,如果触发Randm函数间隔时间很短,就有可能造成产生一样
2012-03-02 14:52:37 2183
原创 获取文件名和扩展名
string aFirstName = aFile.Substring(aFile.LastIndexOf("\\") + 1, (aFile.LastIndexOf(".") - aFile.LastIndexOf("\\") - 1)); //文件名string aLastName = aFile.Substring(aFile.LastIndexOf(".") + 1, (aFile.
2012-03-01 14:18:09 1178
原创 DropDownList和ComboBox自动生成年月日
1.DropDownList自动生成年月日DropDownList1表示年,DropDownList2表示月,DropDownList3表示日三个DropDownList控件的AutoPostBack属性都设置为trueprotected void Page_Load(object sender, EventArgs e) { DateT
2012-02-29 09:47:14 2024
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人