在aspx页面中实现javascript时遇到问题
我是asp.net和javascript的新手。对html和css有相当的了解。我试图完成我的asp.net项目,但在我的aspx页面中实现javascript时遇到问题。我试图创建视差滚动使用stellar.js,但它不工作 下面是javascript代码在aspx页面中实现javascript时遇到问题,javascript,jquery,html,asp.net,Javascript,Jquery,Html,Asp.net,我是asp.net和javascript的新手。对html和css有相当的了解。我试图完成我的asp.net项目,但在我的aspx页面中实现javascript时遇到问题。我试图创建视差滚动使用stellar.js,但它不工作 下面是javascript代码 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script&g
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.stellar.js"></script>
<script>
$.stellar({
scrollProperty: 'scroll',
});
</script>
提前感谢您的所有答案。您忘记关闭第一行中的type属性
Open developer tools of browser(F12)您在控制台选项卡中看到任何错误吗?顺便说一句,根据他们的文档,他们说要先再次运行元素,所以您需要创建元素或在窗口:$(window.stellar();//或者:$('#main').stellar();确保您在srcZaki中指定了corect路径,是的,控制台中有一个错误,它说:JScript.js:1 Uncaught SyntaxError:Unexpected token And alex所有文件都在同一个文件夹中,所以我想路径不是问题。刚才注意到了,但它在主页中是关闭的,所以…:'(你的“jquery.stellar.js”文件是否在你项目的同一个文件夹中,如果不是,你应该正确地处理它,因为它们在同一个文件夹中。
<script src="JScript.js" type="text/javascript"></script>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="home.aspx.cs" Inherits="home" %>
<!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>Bon Voyage</title>
<link rel="stylesheet" type="text/css" href="StyleSheet.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="JScript.js" type="text/javascript"></script>
</head>
<body>
<div class="header">
<p><span style="color:Red; font-family:myFirstFont;">B</span>on <span style="color:Red; font-family:myFirstFont;">V</span>oyage</p>
<a href="#">HOME</a>
<a href="#aaa" >HOLIDAYS</a>
<a href="#">FLIGHT</a>
<a href="#">HOTELS</a>
<a href="#">BUS</a>
<a href="#">ABOUT</a>
<a href="#" style="padding-right:130px;">CONTACT US</a>
<a href="login.aspx" style="margin-left:200px; font-size:16px;">LOGIN</a>
</div>
<div id="container">
<div class="body1" >
<div class="onbody1">
<img class="icon" src="airplane-57-xxl.png"></img>
<hr width="62%" align="left"><p class="name">Bon Voyage</p> <hr width="62%" align="left">
<p class="desc">Your one stop shop for all your travelling needs.</p>
</div>
</div>
<div class="body2" data-stellar-background-ratio="0.3">
<p >asdadas</p>
</div>
<div class="body3">
<p id="aaa">asdadas</p>
</div>
</div>
</body>
body
{
width: 100%;
}
@font-face {
font-family: myFirstFont;
src: url(chocolate_hippo.ttf);
}
.header{
position:fixed;
background-color: #333333;
height:70px;
width: 100%;
text-align:right;
line-height: 70px;
z-index:3;
}
.header a{
text-decoration:none;
color: white;
font-weight: 100;
padding-right:20px;
}
.header a:hover{color:#909090 ;}
.header p
{
float:left;
padding-right:150px;
font-family: myFirstFont;
color:White;
font-weight:bold;
font-size:35px;
margin-left:12px;
}
/*--------Style for home page----------*/
.body1
{
background-image: url('imageedit_4_6588588848.jpg');
height:1000px;
background-size:100%;
background-repeat: no-repeat;
background-attachment:fixed;
}
.icon
{
margin-top:160px;
margin-bottom:30px;
margin-left:550px;
height:200px;
width:200px;
border:3px solid white;
border-radius:50%;
overflow: hidden;
transition-duration: 1s;
transition-property: transform;
opacity:0.9;
}
.icon:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border:8px solid white;
border-radius:1px;
}
.name
{
color:White;
font-size:70px;
opacity:0.8;
margin-left:456px;
margin-top:20px;
border-top:2px solid white;
border-bottom:2px solid white;
-o-transition:background 0.8s ease-in-out;
-ms-transition:background 0.8s ease-in-out;
-moz-transition: background 0.8s ease-in-out;
-webkit-transition: background 0.8s ease-in-out;
}
.desc
{
font-size:30px;
margin-left:350px;
margin-top:20px;
color:White;
opacity:0.9;
}
.body2
{
background-attachment:fixed;
height:500px;
background-image: url('page-4_img01_original.jpg');
background-repeat:no-repeat;
background-size:100%;
}
.body3
{
height:600px;
}