Web Helper Отвечаю на простые вопросы в web-программировании Как выравнять текст через css? Почему у меня не отображается $Hui в php? Шаблон вопроса 1. Суть проблемы 2. Кусок кода, где возникла данная проблема (можно под хайд)
Хотел бы узнать как реализовать скрипт на js. Есть сайт, на заднем фоне соединяются точки. Сайт: http://alekcey2802.tk/
<style type="text/css"> div { height: 200px; /* Высота блока */ width: 200px; /* Ширина блока */ overflow: auto; /* Добавляем полосы прокрутки */ padding-left: 15px; /* Отступ от текста слева */ background: url(images/hand.png) repeat-y #fc0; /* Цвет фона, путь к фоновому изображению и повторение фона по вертикали */ } </style> Code <style type="text/css"> div { height: 200px; /* Высота блока */ width: 200px; /* Ширина блока */ overflow: auto; /* Добавляем полосы прокрутки */ padding-left: 15px; /* Отступ от текста слева */ background: url(images/hand.png) repeat-y #fc0; /* Цвет фона, путь к фоновому изображению и повторение фона по вертикали */ } </style>
крч, вставляй этот кусок в нужную часть и получишь этот фон <link href="http://alekcey2802.tk/css/highstl.css" rel="stylesheet"> <script src="http://alekcey2802.tk/js/jquery.js"></script> <script src="http://alekcey2802.tk/js/plugins.min.js"></script> <script src="http://alekcey2802.tk/js/main.js"></script> <div id="star" class="video mask overlay"> <i class=""></i> <i class=""></i> <div class="video-fallback"></div> <canvas class="cover" width="1920" height="944"></canvas> </div> Code <link href="http://alekcey2802.tk/css/highstl.css" rel="stylesheet"> <script src="http://alekcey2802.tk/js/jquery.js"></script> <script src="http://alekcey2802.tk/js/plugins.min.js"></script> <script src="http://alekcey2802.tk/js/main.js"></script> <div id="star" class="video mask overlay"> <i class=""></i> <i class=""></i> <div class="video-fallback"></div> <canvas class="cover" width="1920" height="944"></canvas> </div>
бля братан, он тебе БЕСПЛАТНО, сказал как что нужно сделать, или ты хочешь, что бы он тут js тебе написал и подробно рассказал что где? ты рофлишь? Сам способ? берёшь и вставляешь, то что он написал, ВОТ ТЕБЕ СПОСОБ
Ты даун ? Сайт не мой, он мне кидает код с этого сайта, мне код не нужен я хочу сам написать, но не знаю как реализовать
Я тебе скинул все привязанные его js, переходи и смотри, реализация этого кода ["gradient",startColor,endColor]};if(c[0]=="gradient"&&c.length==3){x[i].innerHTML=this.applyOnText(x[i].innerHTML,c[1],c[2]);};}}} pogradient.set();function postars(canvas){var _this=this,ctx=canvas.getContext('2d');_this.config={star:{color:'#ffffff'},line:{color:'#ffffff',width:0.1},position:{x:canvas.width*0.5,y:canvas.height*0.5},velocity:0.1,length:100,distance:120,radius:150,stars:[]};function Star(){this.x=Math.random()*canvas.width;this.y=Math.random()*canvas.height;this.vx=(_this.config.velocity-(Math.random()*0.5));this.vy=(_this.config.velocity-(Math.random()*0.5));this.radius=Math.random();}Star.prototype={create:function(){ctx.beginPath();ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,false);ctx.fill();},animate:function(){var i;for(i=0;i<_this.config.length;i++){var star=_this.config.stars[i];if(star.y<0||star.y>canvas.height){star.vx=star.vx;star.vy=-star.vy;} else if(star.x<0||star.x>canvas.width){star.vx=-star.vx;star.vy=star.vy;} star.x+=star.vx;star.y+=star.vy;}},line:function(){var length=_this.config.length,iStar,jStar,i,j;for(i=0;i<length;i++){for(j=0;j<length;j++){iStar=_this.config.stars[i];jStar=_this.config.stars[j];if((iStar.x-jStar.x)<_this.config.distance&&(iStar.y-jStar.y)<_this.config.distance&&(iStar.x-jStar.x)>-_this.config.distance&&(iStar.y-jStar.y)>-_this.config.distance){if((iStar.x-_this.config.position.x)<_this.config.radius&&(iStar.y-_this.config.position.y)<_this.config.radius&&(iStar.x-_this.config.position.x)>-_this.config.radius&&(iStar.y-_this.config.position.y)>-_this.config.radius){ctx.beginPath();ctx.moveTo(iStar.x,iStar.y);ctx.lineTo(jStar.x,jStar.y);ctx.stroke();ctx.closePath();}}}}}};_this.createStars=function(){var length=_this.config.length,star,i;ctx.clearRect(0,0,canvas.width,canvas.height);for(i=0;i<length;i++){_this.config.stars.push(new Star());star=_this.config.stars[i];star.create();}star.line();star.animate();};_this.setCanvas=function(){canvas.width=window.innerWidth;canvas.height=window.innerHeight;};_this.setContext=function(){ctx.fillStyle=_this.config.star.color;ctx.strokeStyle=_this.config.line.color;ctx.lineWidth=_this.config.line.width;};_this.loop=function(callback){callback();reqAnimFrame(function(){_this.loop(function(){callback();});});};_this.bind=function(){$(window).on('mousemove',function(e){_this.config.position.x=e.pageX;_this.config.position.y=e.pageY;});};_this.init=function(){_this.setCanvas();_this.setContext();_this.loop(function(){_this.createStars();});_this.bind();};return _this;}var Code ["gradient",startColor,endColor]};if(c[0]=="gradient"&&c.length==3){x[i].innerHTML=this.applyOnText(x[i].innerHTML,c[1],c[2]);};}}} pogradient.set();function postars(canvas){var _this=this,ctx=canvas.getContext('2d');_this.config={star:{color:'#ffffff'},line:{color:'#ffffff',width:0.1},position:{x:canvas.width*0.5,y:canvas.height*0.5},velocity:0.1,length:100,distance:120,radius:150,stars:[]};function Star(){this.x=Math.random()*canvas.width;this.y=Math.random()*canvas.height;this.vx=(_this.config.velocity-(Math.random()*0.5));this.vy=(_this.config.velocity-(Math.random()*0.5));this.radius=Math.random();}Star.prototype={create:function(){ctx.beginPath();ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,false);ctx.fill();},animate:function(){var i;for(i=0;i<_this.config.length;i++){var star=_this.config.stars[i];if(star.y<0||star.y>canvas.height){star.vx=star.vx;star.vy=-star.vy;} else if(star.x<0||star.x>canvas.width){star.vx=-star.vx;star.vy=star.vy;} star.x+=star.vx;star.y+=star.vy;}},line:function(){var length=_this.config.length,iStar,jStar,i,j;for(i=0;i<length;i++){for(j=0;j<length;j++){iStar=_this.config.stars[i];jStar=_this.config.stars[j];if((iStar.x-jStar.x)<_this.config.distance&&(iStar.y-jStar.y)<_this.config.distance&&(iStar.x-jStar.x)>-_this.config.distance&&(iStar.y-jStar.y)>-_this.config.distance){if((iStar.x-_this.config.position.x)<_this.config.radius&&(iStar.y-_this.config.position.y)<_this.config.radius&&(iStar.x-_this.config.position.x)>-_this.config.radius&&(iStar.y-_this.config.position.y)>-_this.config.radius){ctx.beginPath();ctx.moveTo(iStar.x,iStar.y);ctx.lineTo(jStar.x,jStar.y);ctx.stroke();ctx.closePath();}}}}}};_this.createStars=function(){var length=_this.config.length,star,i;ctx.clearRect(0,0,canvas.width,canvas.height);for(i=0;i<length;i++){_this.config.stars.push(new Star());star=_this.config.stars[i];star.create();}star.line();star.animate();};_this.setCanvas=function(){canvas.width=window.innerWidth;canvas.height=window.innerHeight;};_this.setContext=function(){ctx.fillStyle=_this.config.star.color;ctx.strokeStyle=_this.config.line.color;ctx.lineWidth=_this.config.line.width;};_this.loop=function(callback){callback();reqAnimFrame(function(){_this.loop(function(){callback();});});};_this.bind=function(){$(window).on('mousemove',function(e){_this.config.position.x=e.pageX;_this.config.position.y=e.pageY;});};_this.init=function(){_this.setCanvas();_this.setContext();_this.loop(function(){_this.createStars();});_this.bind();};return _this;}var
Даун здесь только ты, он тебе написал как реализовать, БЕРЁШЬ БЛЯТЬ И ВСТАВЛЯЕШЬ КУСОК, В СВОЙ ПОМОЙНЫЙ САЙТ. ну и ещё можешь сказать js на свой сайт, и путь к своему сайту сделать.