在Dreamweaver里做的很好看的界面放到asp里用不了了
在Dreamweaver里做了一个好看的界面放到了VS2010里的相应位置却效果全无,求助求助
在Dreamweaver里用了javascript做了一个滑动图片的效果,还用了css布局了,不过放到VS2010里之后,图片划动不了了,css里的图片也没了,我把css文件和JS文件都引进去了..大家帮我看看吧..很着急,捣鼓一上午了
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="Web.Main" %>
<!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>
<link href="Styles/style.css" rel="stylesheet" type="text/css" />
<script src="js/easySlider1.5.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function () {
$("#slider").easySlider({
controlsBefore: '<p id="controls">',
controlsAfter: '</p>',
auto: true,
continuous: true
});
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
#slider li { width:906px; height:386px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:0; top:-250px; }
#nextBtn { left:862px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
------解决方案--------------------css和js文件的位置不对。
------解决方案--------------------把js和css文件夹放到项目文件夹下,跟sln文件同级
------解决方案--------------------路径是否改正了??
------解决方案--------------------最好前面都加上 ../ 用根路径去查找。
------解决方案--------------------路径不对 或者 不兼容