代码改变世界

jQuery 小记

  音乐让我说  阅读(634)  评论(2编辑  收藏  举报

 

1. jQuery 的等级星投票

以下是简单演示:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!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.

等待更新...

点击右上角即可分享
微信分享提示