var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/) && !!u.match(/AppleWebKit/), //是否为移动终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器 //iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器 iPhone: u.indexOf('iPhone') > -1, //是否为iPhone iPad: u.indexOf('iPad') > -1, //是否iPad WindowsMobile: u.indexOf('WindowsMobile') > -1, //是否WindowsMobile WindowsPhone: u.indexOf('ARM; Touch') > -1, //是否WindowsPhone webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } if (browser.versions.android || browser.versions.iPhone || browser.versions.WindowsMobile || browser.versions.WindowsPhone) { window.location.href = "http://m.baidu.com"; //调转到手机页面 }
03
2015
04
JavaScript判断当前页面是否为手机访问
27
2015
03
C#、Asp.Net 操作Access数据库工具类
在开发过程中,如果没有MSSql数据库,那么使用Access数据库时,需要对Access数据库数据进行操作,对Access数据操作和MSSql差不多,所以可以建立工具类,方便使用,需注意:在添加和修改数据时,有时候回出现无法操作,可能是数据表中的"关键词",需要在字段的两边加上[]:
public class SQLAccess
{
/// <summary>
/// 返回多行多列查询值,无效则返回
27
2015
03
C#、Asp.Net 读取网页源代码多种方法类
Asp.Net网站和WinForm开发过程中,常常需要抓取某个网站或地址的源代码,所以写一个读取网页源代码是有必要的:
/// <summary>
/// 网页操作类
/// </summary>
public class HTML
{
/// <summary>
/// 获取网页源代码
/// </summary>
14
2015
03
JavaScript、C#对时间戳进行转换为正常时间
在学习过程中,突然遇到一个问题,想从某个网站抓取一些数据,这些数据中发现有一个格式为一串数字的“1426297930”时间,想要正常显示成“yyyy-MM-dd HH:mm:ss”这种格式的时间,就找到一些方法如下:
23
2014
07
Asp.Net 对图片进行水印(水印logo或文字)
1、水印时,在图片右下角水印网站logo
PicMark wm = new PicMark();
wm.DrawedImagePath = HttpContext.Current.Server.MapPath("..\\Images\\") + "logo.jpg"; //需要水印添加的图片
wm.ModifyImagePath = newpath; //原始路径
wm.LucencyPercent = 20; //透明度 1-100之间
wm.OutPath = newpath; //输出路径
wm.DrawImage(); //对图片进行水印处理:添加到图片右下角
16
2014
07
Asp.Net中使用使用input的file类型进行图片上传(美化file控件)
html上传代码:
<div class="addPicture" style="position: relative; clear: both;">
<div style="width: 300px; height: auto; float: left; margin-left: 0px; margin-top: 0px;
display: none;" class="img_middle">
<img src="" width="300px" alt="" />
</div>
<div style="width: 84px; text-align: center; margin-left: 106px; margin-top: 46px;
*margin-left: 0px;" id="addImg" title="点击添加标题图">
<div>
<input type="button" id="Button1" value="" class="addimg" /></div>
<div class="a">
添加标题图</div>
</div>
<input id="upFile" name="upFile" type="file" title="" class="file_transparent" />
</div>
04
2014
07
Asp.Net中使用ajaxFileUpload进行图片上传
在开发中,经常会遇到需要上传图片的时候,可以使用已经有的上传插件ajaxFileUpload进行上传,点击某个按钮,将调用uploadImg方法,参数imgfileId是上传的file的input的ID
function uploadImg(imgfileId) {
$.ajaxFileUpload({
fileElementId: imgfileId,
url: 'jqueryUpImg.ashx',
data: {
'name': "pro", //存储的文件名
'width': "500,250,125", //需要切图的大小
'height': "360,180,90"
},
dataType: 'json',
success: function (data, textStatus) {
12
2014
01
Asp.net 上传大小不变图片使用缩放大小和拖动图片来改变图片位置的切图
参考头像截图,js、css文件可以网上下载
前台代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>上传大小不变图片缩放的切图</title>
<link href="Css/CutPhoto.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="JS/jquery.easydrag.js" type="text/javascript"></script>
<script src="JS/CutPhoto.js" type="text/javascript"></script>
<script type="text/javascript">
function Step1() {
$("#Step2Container").hide();
$("#savephoto").hide();
}
function Step2() {
$("#Step2Container").hide();
$("#Step1Container").hide();
$("#savephoto").show();
}
19
2013
12
Asp.Net下GridView合并TemplateField模板列和BoundField绑定列方法
BoundField绑定列的合并
/// <summary>
/// 合并BoundField绑定列
/// </summary>
/// <param name="gv">需要合并GridView</param>
/// <param name="cellNum">第几列</param>
public void GroupRows(GridView gv, int cellNum)
{
int i = 0, rowSpanNum = 1;
while (i < gv.Rows.Count - 1)
{
GridViewRow gvr = gv.Rows[i];
for (++i; i < gv.Rows.Count; i++)
{
GridViewRow gvrNext = gv.Rows[i];
if (gvr.Cells[cellNum].Text == gvrNext.Cells[cellNum].Text)
{
gvrNext.Cells[cellNum].Visible = false;
rowSpanNum++;
}
else
{
gvr.Cells[cellNum].RowSpan = rowSpanNum;
rowSpanNum = 1;
break;
}
if (i == gv.Rows.Count - 1)
{
gvr.Cells[cellNum].RowSpan = rowSpanNum;
}
}
}
}
08
2013
12
easyui+ueditor文章发布上传控件显示不出来的问题解决
在easyui中ueditor进行文章发布,里面的图片或其他上传控件点击后显示不出来,显示效果如下:
30
2013
11
Jquery和CSS使背景图片自动适应大小
对于一些设置北京图片时,常常会不能自动适应屏幕大小,搜索后找到一个方法:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Jquery和CSS使背景图片自动适应大小
</title>
<style type="text/css">
.slideContent { width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/da.jpg',
sizingMethod='scale'); -moz-background-size:100% 100%; background-size:100%
100%; }
</style>
<script type="text/javascript" src="js/jquery-1.4.4.min.js">
</script>
<script type="text/javascript">
$(function() {
cover();
$(window).resize(function() {
cover();
});
});
function cover() {
var h = $(window).height();
var w = $(window).width();
$(".slideContent").height(h);
$(".slideContent").width(w);
}
</script>
<body>
<div class="slideContent">
</div>
</body>
</html>
23
2013
11
Jquery中国地图分布统计显示
需要做一个地图分布式的显示效果,需要js文件js/FusionCharts.js和flash文件FusionCharts/FCMap_China2.swf:
23
2013
11
Jquery 仿手机左右拖动滑屏效果
前不久公司有个项目是在触摸屏上做产品展示,大家都觉得Iphone或者Android上的滑屏效果不错,模仿着我今天也参考的做了一个DEMO的,主要的是下载js/jquery.ui.touch.js文件
参考效果:
27
2013
08
JavaScript 和 jQuery 的 DOM 操作
1 , 创建元素节点
传统的 javascript 方法,创建元素节点
var a =document.createElement("p");
jQuery 中创建节点的方法是:
24
2013
08
jQuery 基础实用方法
jQuery常用方法名:
1.addClass()removeClass()添加与删除指定的类名
2.append(content)添加内容到对象
3.appendTo(stringexpr)添加到被加对象中去
4.attr(stringname)取得第一个匹配元素的属性值
27
2013
07
如何用javascript JQuery 判断图片是否存在
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>如何用javascript JQuery 判断图片是否存在</title>
23
2013
07
jQuery KinSlideshow自定义图片却换效果插件
jQuery KinSlideshow自定义图片却换效果插件
$(function() {
$("#KinSlideshow").KinSlideshow({
moveStyle: "right",
titleBar: {
titleBar_height: 30,
titleBar_bgColor: "#08355c",
titleBar_alpha: 0.5
},
titleFont: {
TitleFont_size: 12,
TitleFont_color: "#FFFFFF",
TitleFont_weight: "normal"
},
btn: {
btn_bgColor: "#FFFFFF",
btn_bgHoverColor: "#1072aa",
btn_fontColor: "#000000",
btn_fontHoverColor: "#FFFFFF",
btn_borderColor: "#cccccc",
btn_borderHoverColor: "#1188c0",
btn_borderWidth: 1
}
});
});
23
2013
07
jQuery FancyBox图片弹出浏览效果插件
jQuery FancyBox图片弹出浏览效果插件
$(function() {
$("a[rel=example_group]").fancybox({
'transitionIn': 'none',
'transitionOut': 'none',
'titlePosition': 'over',
'maxWidth': 700,
'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">图片文件:' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title: '') + '</span>';
}
});
});
15
2013
07
asp.net实现ueditor图片上传单独调用功能
页面中添加一个“点击上传”图片按钮,给这个按钮或超链接添加单击事件
<script type="text/javascript" src="../scripts/jquery-1.9.0.min.js"></script>
<script src="../scripts/Ueditor/editor_config.js" type="text/javascript"></script>
<script src="../scripts/Ueditor/editor_all_min.js" type="text/javascript"></script>
11
2013
07
javascript将小数向上向下整的函数
var num = 4.21;
javascript将num变量这个小数取整的函数
1.丢弃小数部分,保留整数部分
javascript:parseInt(num) --> 4