03
2015
04

JavaScript判断当前页面是否为手机访问

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"; //调转到手机页面
}

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进行文章发布,里面的图片或其他上传控件点击后显示不出来,显示效果如下:

easyui+ueditor上传1.png

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:

Jquery中国地图分布统计显示

23
2013
11

Jquery 仿手机左右拖动滑屏效果

前不久公司有个项目是在触摸屏上做产品展示,大家都觉得Iphone或者Android上的滑屏效果不错,模仿着我今天也参考的做了一个DEMO的,主要的是下载js/jquery.ui.touch.js文件

参考效果:

084151MwY.png

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 ? ' &nbsp; ' + 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