JQuery插件繁多,下面是个人在工作和学习中用到过感觉不错的,特此记录。
17
2013
08
13
2013
08
10
2013
08
asp.net B2B网站对接支付宝接口
大型网上购物系统除了能让会员选择货到付款结账方式外,还应该提供一些更方便快捷的网上支付方式。如果网上商店没有足够的实力提供会员直接在网站中建立现金账户的功能,就可以将订单信息转接到支付宝,让会员从支付宝付款。当然就算会员可以在网站上建立自己的现金账户,提供支付宝支付功能也不失为另一种方便快捷的支付方式,这可以给客户提供更多可选的支付方式。
首先,网上购物系统必须与支付宝公司签订合作协议,以确保从本购物网站上传到
支付宝网站上的订单信息能被正确接收。
当会员于购物网站上买下一系列商品并选择支付宝付款方式后,购物系统即将会员购物的订单信息转发到支付宝,网站页面也会转到支付宝的付款页面。此时,支付宝页面会发送一个验证信息到本网站以确认支付宝正确收到订单信息。
04
2013
08
百度风云榜TAB标签切换效果
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
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>
25
2013
07
asp.net判断图片地址是否存在
返回值为200的时候,为图片能正常显示
private int GetUrlError(string curl) {
int num = 200;
if (this.method == 1) {
HttpWebRequest request = (HttpWebRequest) WebRequest.Create(new Uri(curl));
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
jQuery 1.9 移除了$.browser 的替代方法
jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是:
11
2013
07
javascript将小数向上向下整的函数
var num = 4.21;
javascript将num变量这个小数取整的函数
1.丢弃小数部分,保留整数部分
javascript:parseInt(num) --> 4
08
2013
07
把某个层固定在网页顶部
<!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 runat="server">
<title>
</title>
<script src="js/jquery-1.7.1.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
//获取要定位元素距离浏览器顶部的距离
var navH = $(".hb").offset().top;
//滚动条事件
$(window).scroll(function() {
//获取滚动条的滑动距离
var scroH = $(this).scrollTop();
//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
if (scroH >= navH) {
$(".hb").css({
"position": "fixed",
"top": 0
});
} else if (scroH < navH) {
$(".hb").css({
"position": "static"
});
}
})
})
</script>
</head>
<body>
<div style=" height: 300px;">
空div
</div>
<div class="hb" style="height: 100px; width: 100%; background: #999">
移动到顶部固定不变
</div>
<div style="background: #ccc; height: 1500px;">
空div
</div>
</body>
08
2013
07
jQuery 常见操作实现方式
一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘。
jQuery 常见操作实现方式
27
2013
06
使用百度地图Api,在地图上取两个点,并测算他们的距离
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=E2e5a8af567e7bb2e3a9892e1006c505">
</script>
<title>
测算两点的距离
</title>
</head>
<body>
<div id="allmap">
</div>
</body>
26
2013
06
使用百度地图Api,在地图上画圆形区域
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=E2e5a8af567e7bb2e3a9892e1006c505">
</script>
<title>
圆形区域搜索
</title>
</head>
<body>
<div id="allmap">
</div>
</body>
12
2013
06
javascript与asp.net(c#)互相调用方法(转载)
1、获得aspx客户端请求地址:复制代码代码如下:
<a src = 'http://<%=Request.Url.Host %><%= ResolveUrl("../PayCenter/AlipayAdd.aspx")%>' > 地址 < /a>
2、C#调用客户端方法:(top.window.document:表父窗体,如果是MainFrame对象在本窗体中,则不加top.window.document)
Js中的方法:
复制代码 代码如下:
05
2013
06
asp.net 使用处理程序生成带有logo的二维码
首先建一个asp.net页面,里面包含生成所需的logo上传file控件:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="QrLogCode.aspx.cs" Inherits="AdminTest_QrLogCode" %>
<!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>二维码生成工具(带log)</title>
<script type="text/javascript" src="../Jscript/admin/jquery-1.4.2.js"></script>
<script src="../Jscript/admin/jquery.form.js" type="text/javascript"></script>
<style type="text/css">
.style1
{
width: 100%;
min-width: 800px;
text-align: left;
}
.txt
{
width: 40%;
}
</style>
</head>
<body>
<form id="form1" enctype="multipart/form-data">
<div>
<table class="style1">
<tr>
<td style="text-align: right; width: 20%;">
输入要生成二维码的内容:
</td>
<td>
<input type="text" id="txt_qr" name="txt_qr" value="https://zhengdecai.com/" class="txt" /> <span>请使用生成“<a
href="BarCode.aspx">条形码</a>”</span>
</td>
</tr>
<tr>
<td style="text-align: right;">
二维码图片:
</td>
<td>
<img id="qrimg" alt="二维码图片" src="../images/20130424105224.jpg" />
</td>
</tr>
<tr>
<td style="text-align: right;">
log图片:
</td>
<td>
<input type="file" id="fileLog" name="fileLog" />
</td>
</tr>
<tr>
<td style="text-align: right;">
尺寸大小:
</td>
<td>
<input id="txt_size" name="txt_size" type="text" value="4" class="txt" />
</td>
</tr>
<tr>
<td colspan="4">
<div style="text-align: left; padding-left: 200px; margin-top: 50px;">
<input id="btnSubmit" type="button" value="生成二维码" /></div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
<script type="text/javascript">
$(function () {
$("#btnSubmit").click(function () {
/*if ($("[id$='fileLog']").val() == "") {
alert("请选择log图片的文件!");
return false;
}*/
var txt_qr = $("#txt_qr").val();
var txt_size = $("#txt_size").val();
$("[id$='form1']").ajaxSubmit({
url: "../AjaxUrl/Admin/QrLogCode.ashx",
type: "post",
dataType: 'text',
resetForm: "true",
success: function (data) {
var dataObj = data;
if ($(dataObj).text() != "") {
$("#qrimg").attr("src", "../File/" + $(dataObj).text());
}
else {
$("#qrimg").attr("src", "../File/" + dataObj);
}
$("#txt_qr").val(txt_qr);
$("#txt_size").val(txt_size);
},
error: function (request, message, ex) {
alert("错误:" + message);
}
});
});
});
</script>
05
2013
06
百会CRM金牌讲师李芳倾情领衔“CRM公开课”
“全球最佳中小企业CRM”百会CRM领跑国内CRM行业,再创新举――推出国内首个由知性美女领衔的CRM公开课――“李芳带你用CRM”公开课系列。以“业务实景重现 CRM攻略讲解”的形式,立体的带领中小企业用户了解CRM对企业中各个岗位角色的价值,分享企业销售管理、团队管理的技巧,切实的让广大中小企业用户能用、会用、善用CRM客户关系管理来提高效率、增加业绩营收。
04
2013
06
Asp.Net 获取中文字符串的首字母
string nameZM = GetFirstSpell("云南省昆明市"); //返回YNSKMS
/// <summary>
/// 获取中文字符串的首字母
/// </summary>
/// <param name="strText">需要装换的中文字符串</param>
/// <returns>返回字母的字符串</returns>
public static string GetFirstSpell(string strText)
{
int len = strText.Length;
string myStr = "";
for (int i = 0; i < len; i++)
{
myStr += GetSpell(strText.Substring(i, 1));
}
return myStr;
}
/// <summary>
/// 获取单个中文的首字母
/// </summary>
/// <param name="cnChar"></param>
/// <returns></returns>
private static string GetSpell(string cnChar)
{
byte[] arrCN = Encoding.Default.GetBytes(cnChar);
if (arrCN.Length > 1)
{
int area = (short)arrCN[0];
int pos = (short)arrCN[1];
int code = (area << 8) + pos;
int[] areacode = { 45217, 45253, 45761, 46318, 46826, 47010, 47297, 47614, 48119, 48119, 49062, 49324, 49896, 50371, 50614, 50622, 50906, 51387, 51446, 52218, 52698, 52698, 52698, 52980, 53689, 54481 };
for (int i = 0; i < 26; i++)
{
int max = 55290;
if (i != 25)
{
max = areacode[i + 1];
}
if (areacode[i] <= code && code < max)
{
return Encoding.Default.GetString(new byte[] { (byte)(65 + i) });
}
}
return "*";
}
else return cnChar;
}
30
2013
05
ASP.NET获取客户端、服务器端基础信息
下面列得已经很全面,参照网络上:
1. 在ASP.NET中专用属性:
获取服务器电脑名:Page.Server.ManchineName
获取用户信息:Page.User
获取客户端电脑名:Page.Request.UserHostName
获取客户端电脑IP:Page.Request.UserHostAddress
2. 在网络编程中的通用方法:
获取当前电脑名:static System.Net.Dns.GetHostName()
根据电脑名取出全部IP地址:static System.Net.Dns.Resolve(电脑名).AddressList
也可根据IP地址取出电脑名:static System.Net.Dns.Resolve(IP地址).HostName
3. 系统环境类的通用属性:
当前电脑名:static System.Environment.MachineName
当前电脑所属网域:static System.Environment.UserDomainName
当前电脑用户:static System.Environment.UserName
客户端IP:Page.Request.UserHostAddress;
用户信息:Page.User;
服务器电脑名称:Page.Server.MachineName;
当前用户电脑名称:System.Net.Dns.GetHostName();
当前电脑名:System.Environment.MachineName;
当前电脑所属网域:System.Environment.UserDomainName;
当前电脑用户:System.Environment.UserName;
浏览器类型:Request.Browser.Browser;
浏览器标识:Request.Browser.Id;
浏览器版本号:Request.Browser.Version;
浏览器是不是测试版本:Request.Browser.Beta;
浏览器的分辨率(像素):Request["width"].ToString() + "*" + Request["height"].ToString();//1280*1024
客户端的操作系统:Request.Browser.Platform;
是不是win16系统:Request.Browser.Win16;
是不是win32系统:Request.Browser.Win32;