HTML and JQuery in Webstorm IDE
HTML and JQuery in Webstorm IDE
我有一个非常基本的问题。我有一个webstorm项目与HTML文件,CSS文件和JS文件。
我用"div"创建了一个圆圈,并试图在JS中单击后使其褪色。
需要补充的是,我已经从google API中获得了Jquery API,但也下载了一个不同的Jquery API到webstorm IDE的全局库中。我不知道这是否会引起任何问题
HTML, CSS, JS跟随
<!DOCTYPE html>
<html>
<head lang="en">
<title></title>
<meta charset="UTF-8">
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='bounce.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div class="ball" id="mb" ></div>
</body>
</html>
.ball {
width: 100px;
height: 100px;
background-color:blue;
border:2px solid;
border-radius:100%;
}
$(document).ready(function() {
$('div').click(function() {
$('div').fadeOut('slow')
});
});
感谢您的帮助
…添加样式和脚本标签…效果不错……EJK
<html>
<head lang="en">
<title></title>
<meta charset="UTF-8">
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='bounce.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div class="ball" id="mb" ></div>
</body>
</html>
<style>
.ball {
width: 100px;
height: 100px;
background-color:blue;
border:2px solid;
border-radius:100%;
}
</style>
<script>
$(document).ready(function() {
$('div').click(function() {
$('div').fadeOut('slow')
});
});
</script>
. .希望这能帮到你…EJK
相关文章:
- 硒IDE下拉菜单
- javascript中的命名空间,IDE中支持代码完成/内容辅助's
- 如何配置WebStorm以正确格式化生成器函数
- 使用Browserify和Typescript的源映射进行Webstorm调试
- 比较Selenium IDE中的日期
- 外部图书馆与“<参考路径=“;用于WebStorm中的TypeScript
- WebStorm,使用Node Supervisor(因此不必在每次代码更改后重新启动)
- 将wakanda IDE连接到javascript
- 将图像标题存储在selenium IDE中
- 哪一个是Angular2/Typescript for Windows的最佳IDE
- WebStorm /usr/local/bin/node --debug-brk=55834 --nolazy app.
- 将kinvey web与WebStorm IDE结合使用
- 如何使用 Webstorm IDE 引用打字稿项目中的多个接口文件
- Meteor部署在Webstorm IDE上
- Webstorm IDE和AngularJS angular.module的未解析方法
- 套接字.IO使用名称"in"使Webstorm IDE引发错误
- WebStorm IDE文件监视coffeescript创建一个空文件
- HTML and JQuery in Webstorm IDE
- 我如何在IDE (WebStorm)项目之间复制设置
- Webstorm IDE和mocha使用global.expect进行测试