⑴ 请问用JS怎样做这个效果(点击下边的圆点转换图片)
使用Jquery类库,步骤:
1、准备好html:
<divclass="container">
<divclass="item-list">
<divclass="itemactive"><imgsrc="0.jpg"alt="第1张图"></div>
<divclass="item"><imgsrc="1.jpg"alt="第2张图"></div>
<divclass="item"><imgsrc="2.jpg"alt="第3张图"></div>
</div>
<divclass="item-control">
<ahref='javascript:;'class="active">●</a>
<ahref='javascript:;'>●</a>
<ahref='javascript:;'>●</a>
</div>
</div>
2、为html设置样式
<style>
.container{
width:500px;
height:300px;
text-align:center;
background:red;
position:relative;
}
.container>.item-control{
display:inline-block;
width:100%;
left:0;
position:absolute;
bottom:10px;
background:rgba(0,0,0,0.2);
}
.container>.item-control>a{
font-size:20px;
color:rgba(255,255,255,0.7);
text-decoration:none;
}
.container>.item-control>a.active{
color:#fff;
}
.container>.item-list,
.container>.item-list>.item{
width:100%;
height:100%;
}
.container>.item-list>.item{
display:none;
}
.container>.item-list>.item.active{
display:block;
}
</style>
3、编写Js
<script>
(function(){
$(document).on('click','.container.item-controla',function(){
var_index=$(this).index();
$(this).addClass('active').siblings().removeClass('active');
$('.container.item-list.item').eq(_index).addClass('active').siblings().removeClass('active');
})
})()
</script>
最终效果见图:
⑵ 怎么做js文件
1,建立一个扩展名为JS的文件,比如myjs.js
2,复制<script type="text/javascript">和</script>中间的JS代码到这个文件中,然后保存!
3,在你的html页面中加入JS引用代码:<script type="text/javascript" src="myjs.js"></script>
注意:在引用JS一定要注意路径问题,你可以在你的网站根目录中建一个文件夹,比如:js然后把JS文件复制进行,引用的时候 src="/js/myjs.js"
祝你好运!
⑶ 想自己做一个创意网站,需要哪几步,从哪步做起。HTML会点,JS不熟,JSP有用吗,还有如何申请服务器谢谢
1.制作网站:用CSS+DIV,如果不会,table排版也一样,js在网上找,会用就行。
2.申请空间域名
3.上传网站到服务器
⑷ 急用:网页设计:如何用JS实现:单击按钮就新打开一个的窗口,并设计该窗口的的长度和宽度
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束
⑸ 如何用自己的照片制作剪纸
把自己的照片制作成剪纸需要用到Photoshop软件,具体步骤如下:
1、在电脑上打开Photoshop软件,要制作出剪纸的效果图,首先打开自己所需处理的照片,将背景图层复制一份,得到背景图层0拷贝,如下图。
⑹ 求做一个简单的HTML+CSS+JS的简单网站
亲,虽然我账号采纳率95%,回答这个问题有可能会拉低我的采纳率,但是我还是想说一句(真心是忍不住说一句):
作为程序猿,个个都是苦逼的代言,你说不要很复杂的,但是我很负责任的告诉你,不管复杂不复杂,功能要实现就要写一个完整的框架。而且你还要原创,不要网上一搜就搜到的,那么请问阁下的诚意呢?悬赏5分,就能让一个程序猿为您苦逼的敲代码吗?难道程序猿地位就这么低?
好吧,虽然我说话有点过分,但是真的是忍不住这么一说。如果你想学,很多人会乐意教,但是拿这5分心安理得的去换一个现成作品,我想,没人乐意!
⑺ 做网页必须要用PHP和js吗
1、首先,你要分清楚,写网站分为前段和后端。前段就是展示页面,所用技术就是HTML,css,js.后端就是PHP,Python, java ,ruby等等。
做个比喻,HTML让网站有了骨架,css让网站有了色彩,js让网站能够动态。而后端的语言PHP就是让网站有了思想。
2、js用于前端交互,php用于后台逻辑操作;
做网页前端你可以不用js,但是很多功能无法实现,后台不用php当然可以,后台语言并不止php,可以用java,python等等;
3、做网站的服务器端语言有:asp、asp.net 、php 、java 、 Python ....
做网站的前端端语言有:css 、 html 、 html5 、 javascript 、 jquery ....
必选:其中一门 服务端语言(后端) + html(或者html5) + css(网站样式)+javascript(前端特效/必要时需要jquery)
⑻ 中华传统文化剪纸的制作方法
简单对称图案的剪法占中国传统文化剪纸很大的比重,不仅效果很好,而且就算初学剪纸也很容易上手的。
1、首先,以灯笼的剪纸DIY教程为例子来作示范。
把彩色纸对折,靠着闭口处剪出灯笼的一半,想想靠着开口剪会剪什么结果?呵呵,就是左右两边断开的灯笼了。
⑼ html+js做的网站,想做成APP怎么封装呢
如果要做网站封装APP的话,其实非常简单的,网上很多开发者服务平台都有这个功能,操作非常简单,基本上一分钟不到就可以封装好。
在亥着开发者中心找到【产品概览】-【封装APP】
⑽ Dreamweaver做网页时,怎么插入JS
Javascript加入网页有两种方法:
1、直接加入HTML文档
这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:
<scriptlanguage="Javascript">
document.writeln("这是Javascript!采用直接插入的方法!");
</script>
2、在HTML中引用JS文件
这个是和html代码是隔离的,需要新建一个以js结尾的文件,再引用,如:
<scripttype="text/javascript"src="slide.js"></script>
slide.js代码
document.writeln("这是Javascript!采用直接插入的方法!");