jQuery
UI (User Interface) merupakan pelopor plugin bundled dan paling populer di
kalangan programmer jQuery, sampai-sampai manualnya disandingkan dengan manual
utama jQuery di website resminya. jQuery UI dibuat oleh Paul Bakaus yang
bekerjasama dengan Stefan Petre untuk menciptakan efek-efek yang canggih dan
komponen library pelengkap jQuery.
<!--
hubungkan jquery-ui.js --
<script
type="text/javascript" src="<?php echo
base_url().'css/css/jquery-ui.js'?>"></script>
<!--
hubungkan css jquery-ui -->
<link
rel="stylesheet" type="text/css" href="<?php echo
base_url().'css/css/jquery-ui.css'?>">
</head>
Pada statement ini untuk menghubungkan ke jquery ui, yang pertama harus
dilakukan yaitu mendownload jquery ui, silahkan download di web resmi nya. Dan saya menggunakan Codeligniter jadi untuk menghubungakan nya seperti itu.
<section>
<body>
</br></br>
<div
id="widget-accordion" class="accordian" >
<div
class=""><h4>Kepala Sekolah</h4></div>
<div
id="acc1">
<p>
<h4>Parlindungan
Sihaloho</h4>
<form>
<table
class="table table-bordered ">
<tr>**//Input
foto
<td rowspan="2"
class="gbr1"><img width="3000" height="430"
img src="<?php echo base_url();?>artikel/4x6.jpg"
align="center">
</td>
</tr>
<tr>
//input
Teks yang ingin di buat
Ex:
My Name Is Ucok..
</td>
</table>
</form>
</div>
</body>
</section>
Pada statement
ini, proses memasukkan teks atau juga bisa
foto tergantung kebutuhan yang yang ingin kita buat.
Nah pada saat pertama dibuka teks yang kita buat masih tersembunyi tetapi ketika kita klik kepala sekolah makan akan tampil keterangan teks dan foto yang kita buat sebelumnya.
http://www.pro.co.id/teknik-dasar-menggunakan-jquery-ui/
Komentar
Posting Komentar