Asp.Net开发等级星使用(Jquery Rating)
时间:2022-04-22
本文章向大家介绍Asp.Net开发等级星使用(Jquery Rating),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
插件参数:
- rater第一个参数是AJAX提交的URL
- rater第二个参数
- maxvalue:最大星数
- curvalue:默认选择多少颗星
- title:鼠标放在星上的提示
- enable:可设置true or false,控件是否可用
- rater的第三个参数回调函数
aspx页代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>
<!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>Porschev----Jquery Rating Demo</title>
<link href="css/jquery.rater.css" rel="stylesheet" type="text/css"/>
<script src="Jquery/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
<script src="Jquery/jquery.rater.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#example1').rater("Handler.ashx", { maxvalue: 5, curvalue: 2.5, title: { 1: '一颗星', 2: '二颗星', 3: '三颗星',4:'四颗星',5:'五颗星'} }, function(el, value, res) {
alert(res);
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<center>
前台选择等级星:
<div id="example1">
</div>
<br />
后台输出等级星:
<div>
<%=str %>
</div>
</center>
</form>
</body>
</html>
.cs代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
public string str = string.Empty;
protected void Page_Load(object sender, EventArgs e)
{
StringBuilder sb = new StringBuilder();
sb.Append("<ul style="width: 125px;" class="rating">");
sb.Append("<li style="width:");
sb.Append(25 * 3.6); //前面是一个星的宽的相素,后面是星的个数
sb.Append("px; display: list-item;" class="current"></li>");
sb.Append("<li style="width: 25px; z-index: 5;" class="star"></li>");
sb.Append("<li style="width: 50px; z-index: 4;" class="star"></li>");
sb.Append("<li style="width: 75px; z-index: 3;" class="star"></li>");
sb.Append("<li style="width: 100px; z-index: 2;" class="star"></li>");
sb.Append("<li style="width: 125px; z-index: 1;" class="star"></li>");
sb.Append("</ul>");
str = sb.ToString();
}
}
示例截图:
示例下载一
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Kubernetes v1.8 对 GPU 的支持
- 【教程】checkra1n越狱教程+常用插件推荐
- 【教程】抓取网页内视频的五种方法
- 了解 Anaconda
- 【实用】教你识别下载“全家桶”
- 【iOS】修改checkra1n+chimera环境(chimera1n)
- 在 istio 中限制 namespace 访问外部资源
- 【iOS】浅析近期越狱工具+“平刷”工具
- XGBoost Operator源码分析
- 【杂货】制作checkra1n启动盘思路
- 【iOS】chimera13指日可待,libhooker基板独立啦
- 类加载器之URLClassLoader
- 【iOS】较全的合并flex补丁教程
- R语言如何解决线性混合模型中畸形拟合(Singular fit)的问题
- spring代理对象都是代理对象吗