طريقة وضع باعلى الصفحة ( محرك للبحث داخل الموقع )

السلام عليكم

هذا مثال عملته بـ JQuery

تم التجريب على FireFox و Chrome

searchbox_sample.zip

مشكور اخي ...

لكن عندي ملاحظة هل تعلم javascript يمكنني عمل مثل ما عملته ...

لاني ولله الحمد فهمت لغة HTML و CSS ...

وما صعوبة لغة الجافا سكربت ؟؟

JQuery هي مكتبة بـ javascript هدفها تيسسير العمل

javascript مختلفة عن كتابة HTML او CSS لكن تعلمها ليس بالصعوبة الكنيرة

لكي يعمل على IE7

يجب تعديل كود الملف script.js

$(document).ready(function(){

	var lia = $("li a");
	var lip = $("li input");

	lip.live("focus", function(e){
		lip.css("background", 'url("images/sb.png") no-repeat 0 -20px');
		lia.animate({width:"91px"}, 500);
		lip.animate({width:"174px"}, 500);
	});

	lip.live("blur", function(e){
		lip.css("background", 'url("images/sb.png") no-repeat 0 0');
		lia.animate({width:"103px"}, 500);
		lip.animate({width:"90px"}, 500);
	});
});

وازالة الاسطر التالية في ملف style.css

li input:focus {
	background: url("images/sb.png") no-repeat 0 -20px;
}