TAILIEUCHUNG - beginning html xhtml css and javascript phần 8

Các kịch bản chúng ta sẽ được xem xét trong phần này được gọi là Lightbox2, và được viết bởi Lokesh Dhakar. Nó dựa trên thử nghiệm và các thư viện Scriptaculous vì vậy chúng tôi sẽ bao gồm họ cũng như các lightbox script. Vì vậy, để tạo ra một lightbox, đầu tiên bạn thêm vào trong ba kịch bản sau đây | Chapter 12 Working with JavaScript The script we will be looking at in this section is called Lightbox2 and was written by Lokesh Dhakar. It is based on the Prototype and Scriptaculous libraries so we will include them as well as the lightbox script. So to create a lightbox first you add in the following three scripts ch12_eg2 script type text javascript src scripts scriptaculous script script type text javascript src scripts scriptaculous load effects builder script script type text javascript src scripts script There are also some CSS styles that are used in the lightbox so you can either link to this style sheet or include the rules from it in your own style sheet link rel stylesheet href css type text css media screen Finally you create a link to each of the images in the lightbox here you can see a lightbox that contains three images a href images rel lightbox Japan Picture 1 a a href images rel lightbox Japan Picture 2 a a href images rel lightbox Japan Picture 3 a Note the use of the rel attribute on the links this uses the keyword lightbox followed by a name for the lightbox in square brackets. This lightbox is called Japan. Inside the link you can have anything. There is just some simple text in this example although you could include a thumbnail image to represent each of the larger images. You do not have to indicate the size of the image as the script will automatically determine this and resize the lightbox to fit the image. You can also have multiple lightboxes on the same page as long as you give each lightbox a different name here you can see a second lightbox added with photographs from Paris h1 Images from Japan h1 a href images a href images a href images h1 Images from Paris h1 a href images a href images a href images rel lightbox Japan Picture 1 a rel lightbox Japan Picture 2 a rel

• Quản trị mạng
• thiết kế web
• lập trình web
• lập trinh dotnet
• tạo hiệu ứng web
• kỷ năng lập trình
• lập trình ứng dụng
• lập trình windows
• thủ thuật máy tính
• mẹo cho máy tính
• bí quyết lập trình
• Thiết kế trang web
• hướng dẫn Thiết kế trang web
• kinh nghiệm Thiết kế trang web
• tài liệu Thiết kế trang web
• cẩm nang Thiết kế trang web
• kỹ thuật Thiết kế trang web
• Bài giảng Thiết kế Web
• Đại cương Thiết kế Web
• Tổng quan Thiết kế Web
• Môn học Thiết kế Web
• Mục tiêu Thiết kế Web
• Giáo trình Thiết kế giao diện web
• Thiết kế và quản lý website
• Thiết kế giao diện web
• Nhận dạng các trang web
• Cấu trúc trang web
• phương pháp thiết kế trang Web
• kỹ thuật thiết kế Web
• thiết kế web nhanh
• thực hành thiết kế web
• thiết kế web đẹp
• tài liệu về thiết kế web
• thủ thuật thiết kế web
• mẹo dùng web
• học thiết kế web
• Thiết kế web động
• tài liệu Thiết kế web động
• hướng dẫn Thiết kế web động
• kinh nghiệm Thiết kế web động
• cẩm nang Thiết kế web động