Asp.Net MVC3页面卷曲

时间:2011-02-02 17:45:19

标签: jquery asp.net asp.net-mvc jquery-ui

我如何实现这个: http://elliottkember.com/sexy_curls.html

在ASP.Net MVC 3 Web应用程序中? 我的_Layout.cshtml页头标记源如下所示:

<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src=@Url.Content("~/turn/turn.js")" type="text/javascript"></script>
<link rel="stylesheet" href=@Url.Content("~/turn/turn.css")"/>
<script type="text/javascript">
$(document).ready(function () {
    $('#target').fold();
});

然后我身上有一个图片标签:

<img id="target" src=@Url.Content("~/turn/code.png") alt="blah"/>

我只是让它显示整个背景图像,但没有卷曲。

任何帮助将不胜感激!谢谢。

1 个答案:

答案 0 :(得分:2)

你在这里缺少一些双引号:

<script src="@Url.Content("~/turn/turn.js")" type="text/javascript"></script>
            ^

这里:

<link rel="stylesheet" href="@Url.Content("~/turn/turn.css")" type="text/css" />
                            ^

在这里:

<img id="target" src="@Url.Content("~/turn/code.png")" alt="blah"/>
                     ^                               ^