js情人節特效代碼
1. js特效如下圖
絕對定位position:absolute;
點擊事件。。。。display:block和display:none;
定義是否回正常顯示的開關答:toggle=1;點擊時判斷開關1或0;
點擊後賦值相反toggle=!toggle;
if(toggle){}else{}
至於背景灰色,可以用rgba設置,也可以用透明的png格式的圖。。。
2. 用js實現情人節當天的特效 加上女友的照片 有沒有好的建議
你好,你可以去找一下,js特效圖片,有很多特效,選上你喜歡的,研究一下,很多就能懂的
希望你的問題能解決,望採納
3. 實現一個Js特效:擺動的兜子
<head>
<scripttype="text/javascript"src="jquery-1.8.0.min.js"></script>
<script>
=0;
$(document).ready(function(){
setInterval('gaibian()',1000);
});
functiongaibian(){
if(i==0){
i=1;
$("#wo").removeClass("zhuan_left");
$("#wo").addClass("zhuan_right");
}else{
i=0;
$("#wo").addClass("zhuan_left");
$("#wo").removeClass("zhuan_right");
}
}
</script>
<style>
.zhuan_left{
transform:rotate(-60deg);
-webkit-transform:rotate(-60deg);
}
.zhuan_right{
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
}
img{
transform-origin:50%00;
-webkit-transform-origin:50%00;
-webkit-transition:all1sease-in-out0s;
-o-transition:all1sease-in-out0s;
-moz-transition:all1sease-in-out0s;
transition:all1sease-in-out0s;
}
</style>
<style>
div{
background:nonerepeatscroll00#9ACD32;
height:120px;
margin:0auto;
text-align:center;
width:200px;
}
</style>
</head>
<body>
<div><imgid='wo'src="那個圖片地址"/></div>
</body>
火狐和chrom測試通過,IE不支持該屬性
4. js網頁特效的代碼怎麼使用
1、新建個記事本
打進
<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>你的標題</title>
</head>
<body>
</body>
</html>
2、把你上面的按步驟加到相應的地方,如下
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Hello World</title>
<STYLE>
.spanstyle {
COLOR: #0066ff;
FONT-FAMILY: 隸書;
FONT-SIZE: 14pt;
FONT-WEIGHT: normal;
POSITION: absolute;
TOP: -50px;
VISIBILITY: visible
}
</STYLE>
</head>
<body bgcolor="#fef4d9" onload=javascript:pageonload()>
<SCRIPT language=javascript>
var message="歡 迎 光 臨 javascript 精 彩 世 界 !";
var x,y;
var step=12;
var flag=0;
message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50;
}
var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX :
document.body.scrollLeft+event.clientX+10;
y = (document.layers) ? e.pageY :
document.body.scrollTop+event.clientY;
flag=1;
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() *
255 * 255 + Math.random() * 255;
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() *
255 * 255 + Math.random() * 255;
}
}
}
</SCRIPT>
<SCRIPT language=javascript>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</SCRIPT>
<SCRIPT language=javascript>
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}
</SCRIPT>
</body>
</html>
3、保存,然後把記事本的擴展名改成.html
然後雙擊打開就能看到效果了
不過,如果你想做網站,還是下個DW或者MyEclipse吧
5. 為什麼一些js特效里引用的js文件代碼密密麻麻的,不像是手寫的代碼
特效效果看著雖然不復雜,而且你每天上網看的很多布局雖然很簡潔,沒什麼,但簡單的往往不簡單,比如你看一些3D圖片,3D動畫很酷,但他未必難,也可能是他的的開發工具強大,所以很簡單就做出強大的效果。HTML5+CSS3,JS這些沒有什麼強大工具的支持,如果要寫復雜的功能都要手寫的,別看一個網頁簡簡單單的布局,特效,但是你看一下代碼,真是特別多,而且大部分都不是畫畫,設置一下某個選項就生成的
這個JS代碼應該是壓縮後的,要不然老是換行空格的,文件會很大,如果你要看他的代碼,也可以 美化代碼,閱讀會方便些,網上很多這種提供壓縮或美化JS代碼的網站
6. 如何使用JS腳本製作情人節3D玫瑰
玫瑰花一定要批抄那種即將開放的,然後放在水裡面一晚上,等第二天起來的時候花基本上就開了,然後你再去包裝。就可以了。
賣花的時候一定要:不要臉的跟著那些情侶身邊,情侶都好面子一般都會買的,但是你可不要讓別人很煩,所以你跟他們的時候一定要說好話,第二就是賣花的時候要有創意,不然你還是賣不出去。賣不出去,那就慘了。
7. js特效寫的非常棒的網站有哪些,要做一個前端網站,想參考下
可以參照一些jquery或者前端網站的網站
1.前端網。
2.17素材。
3.酷站代碼。
8. 看到別人驚艷的網頁特效,但看代碼不知道哪些JS在控制著哪些部分,有什麼技巧嗎
自己做這個抄,需要基礎的襲java語法知識,並熟練掌握html語法。
如果不具備編程基礎,可以使用特效庫,比如Bootstrap、jquery ui等,這類界面特效庫,都是免費的,並且官網上有詳細的使用說明。
9. 網頁里流星對開的特效JS代碼,求助,448071422@qq。com
說明白點你截取圖片看看。
10. 什麼是JS特效
JS特效就是網頁抄中實現的特殊效果或襲者特殊的功能的一種技術,是用網頁腳本(javascript)來編寫製作動態特殊效果。
比如圖片切換,漸變等等,它為網頁活躍了網頁的氣氛,有時候會起到一定的親切力。
JavaScript 是根據 "ECMAScript"標准制定的網頁腳本語言。這個標准由 ECMA 組織發展和維護。ECMA-262 是正式的 JavaScript 標准。
(10)js情人節特效代碼擴展閱讀:
能夠具有交互性,能夠包含更多活躍的元素,就有必要在網頁中嵌入其它的技術。如:Javascript、VBScript、Document Object Model(DOM,文檔對象模型)、Layers和 Cascading Style Sheets(CSS,層疊樣式表)。
JavaScript 使網頁增加互動性。JavaScript 使有規律地重復的HTML文段簡化,減少下載時間。JavaScript 能及時響應用戶的操作,對提交表單做即時的檢查,無需浪費時間交由 CGI 驗證。JavaScript 的特點是無窮無盡的,只要你有創意。