JavaScript - Блог X3M-Slider(а) - Страница № 2

Вверх

Блог
RSS лента

JavaScript

Vape Shop Эко Заправка

Вы на странице, которая посвящена одному из языков программирования, который позволяет сайт сделать ярче, веселее, оригинальнее. Речь пойдет о фишках javascript.

Сейчас в сети очень много предложений по поводу того, чтобы скачать javascript бесплатно. Пишут скрипты и начинающие, и опытные программисты. Идеи, как я заметил, обычно возникают у людей, которые ведут свои блоги, заботятся о своих  сайтах.

В принципе, я не сторонник массового засилья скриптов на сайте, но в некоторых случаях без них просто не обойтись. Вы можете самостоятельно:

  • - javascript скачать и применить его на своем сайте или определенной странице:
  • - написать в одном из известных текстовых редакторов NotePad++, блокнот, Dreamweaver;
  • - вставить готовый кусочек в тело на html и выполнить просмотр в браузере, который должен поддерживать ява скрипты.

 

Обычно исполняются javascript строки после того, как пользователь произвел некоторое действие на просматриваемой странице. Это может быть клик мышкой, прокрутка, подвод курсора к тексту, баннеру, картинке и многое другое. Результатом действия станет работа скрипта, который может сменить фон или изменить вид курсора, запустить мух на экран или устроить настоящий снегопад и многое другое.

Все советы, представленные на этой странице, это мои наработки, которыми я с легкостью делюсь. Почитайте внимательно, и вы найдете, как вставить javascript div, чтобы создавать галереи фото и просматривать их удобным способом, чтобы устроить чат, организовать подписку и рассылку, устроить привлекательный эффект для картинок на сайте.

Очень хочу знать ваше мнение. Пишите комменты даже в несколько слов или задавайте вопросы, на которые не только я, но и постоянные пользователи будут давать ответы.

Вместе мы сделаем наш второй мир – виртуально-реальный – красивым и классным!

jquery.pngFix.js или PNG-прозрачность для Windows IE 5.5 и 6

Я думаю что многие сталкивались с проблемой не поддержки в ИЕ прозрачной пнг. Есть много костылей которые дают возможность размещать пнг картинки с прозрачным фоном. Но они не дают возможность размещать такую картинку в качестве фона тобиш бекграунда, или размещать альты и титлы на них. Так вот я предлаюгаю вашему вниманию чудесный плагин или лучше сказать библиотеку, которая это все поможет починить. Но пнгешками не стоит злоупотреблять, все же не у всех пользователей сверхзвуковой интернет :)

Для начала вам нужно скачать вот это pngFix.zip
Второй шаг. Вам нужно закачать файлы (их берем с архива который скачали выше, это jquery-latest.pack.js и jquery.pngFix.js) на сервер или к тому файлу в котором будут использоваться пнг. Ну или прописать полный путь к библиотеке. Ну и соответствено в том файле где будет использоваться пнг нужно подключить библиотеки.

  1. <head>
  2. ...

CSS свойства в JavaScript (Конверсия)

CSS свойства в JavaScript (Конверсия)

Затемняющийся линк

  1. <HEAD>
  2. <SCRIPT LANGUAGE="JavaScript"><!--
  3.  
  4. document.onmouseover = domouseover;
  5. document.onmouseout = domouseout;
  6.  
  7. function domouseover() {
  8. if(document.all){
  9. srcElement = window.event.srcElement;
  10. if (srcElement.className.indexOf("fade") > -1) {
  11. var linkName = srcElement.name;
  12. fadein(linkName);
  13. }
  14. }
  15. }
  16.  
  17. function domouseout() {
  18. if (document.all){
  19. srcElement = window.event.srcElement;
  20. if (srcElement.className.indexOf("fade") > -1) {
  21. var linkName = srcElement.name;
  22. fadeout(linkName);
  23. }
  24. }
  25. }
  26.  
  27. function makearray(n) {
  28. this.length = n;

Изменение картинки при наведении на нее мыши

Иногда имеет смысл разнообразить страничку скромной динамикой
Некоторые разработчики используют флэш, но можно чудненько применить небольшой, но аккуратный скрипт.
Поместите в документе между и следующий код функции скрипта:

  1. <script language="javascript">
  2. <!--
  3. function ChangeImg() {
  4.  if(document.images) {
  5.   eval("document."+ChangeImg.arguments[0]+
  6.   ".src=('"+ChangeImg.arguments[1]+"')");
  7.  }
  8. }
  9.  
  10. function preload() {
  11.   if (document.images) {
  12.     var imgsrc = preload.arguments;
  13.     arr=new Array(imgsrc.length);
  14.     for (var j=0; j<imgsrc.length; j++) {
  15.       arr[j] = new Image;
  16.       arr[j].src = imgsrc[j];
  17.     }
  18.   }
  19. }
  20. //-->
  21. </script>

Далее действия следующие:
Вариант, если картинка-ссылка:

1. «Подгружаем» ту картинку, которая будет появляться при навещении мыши:
.

Главная | Портфолио | Услуги | Контакты | Блог