代码改变世界

jQuery 小记

2010-08-14 20:14  音乐让我说  阅读(648)  评论(2)    收藏  举报

 

1. 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>演示1</title>
    <link href="/css/JQueryStarRating/jquery.rating.css" type="text/css" rel="stylesheet" />
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/js/jquery.rating.pack.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        $(function()
        {
            $(".star").rating();
        });
    </script>
</head>
<body>
    <form id="form1" action="/Default.aspx" method="post">
    <div>
        请为公司评分：
        <input class="star" type="radio" name="test-1-rating-4" value="1" title="Worst" />
        <input class="star" type="radio" name="test-1-rating-4" value="2" title="Bad" />
        <input class="star" type="radio" name="test-1-rating-4" value="3" title="OK" />
        <input class="star" type="radio" name="test-1-rating-4" value="4" title="Good" />
        <input class="star" type="radio" name="test-1-rating-4" value="5" title="Best" />
    </div>
    </form>
</body>
</html>

 2.  jQuery图片轮播(焦点图)插件jquery.slideBox

3.

4.

等待更新...